Logging in React Server Components
Child components inherit context and create namespaced logs
import { getLogger, getRequestContext } from '@vestig/next'
export default async function MyServerComponent() {
const log = await getLogger('my-component')
const ctx = await getRequestContext()
log.info('Component rendering', {
requestId: ctx.requestId
})
const data = await fetchData()
log.debug('Data fetched', { count: data.length })
return <div>...</div>
}