> For AI agents: the complete Sanity documentation index is available at [https://www.sanity.io/docs/llms.txt](https://www.sanity.io/docs/llms.txt). # next-sanity: strict mode How to fix the missing includeDrafts prop on SanityLive when using defineLive with strict: true. When `defineLive` is configured with `strict: true`, `` requires an explicit `includeDrafts` prop. TypeScript surfaces an error at compile time if the prop is missing. ## Why this happens With `cacheComponents: true` in `next.config.ts`, `'use cache'` boundaries cannot call dynamic APIs like `draftMode()`, so `` cannot determine draft mode status on its own. Strict mode enforces explicit passing of this value. When `cacheComponents: false` (the default), the prop is optional. Strict mode is designed to prepare your app for `cacheComponents: true`. ## Fix **src/app/layout.tsx** ```typescript import {SanityLive} from '@/sanity/lib/live' import {draftMode} from 'next/headers' export default async function RootLayout({children}: {children: React.ReactNode}) { const {isEnabled: isDraftMode} = await draftMode() return ( {children} ) } ``` `includeDrafts={isDraftMode}` means live revalidation includes draft content only when draft mode is active, and serves published content to regular visitors. ## With Visual Editing **src/app/layout.tsx** ```typescript import {SanityLive} from '@/sanity/lib/live' import {draftMode} from 'next/headers' import {VisualEditing} from 'next-sanity/visual-editing' export default async function RootLayout({children}: {children: React.ReactNode}) { const {isEnabled: isDraftMode} = await draftMode() return ( {children} {isDraftMode && } ) } ``` ## With an embedded Sanity Studio If the app mounts NextStudio at a route (for example, `app/studio/[[...index]]/page.tsx`), `` must not be in a layout shared with the Studio route. Use route groups to isolate it: place `` in `src/app/(website)/layout.tsx` and keep all non-Studio routes under `src/app/(website)/`. ## Common mistakes - Rendering `` more than once: only one instance should exist in the component tree. Multiple renders are undefined behavior. - Placing `` in a `page.tsx`: it belongs in a `layout.tsx` so it is rendered for every route. - Passing a hardcoded `true`: always derive the value from `draftMode()` so published visitors are not served draft content.