Next.js
Next.js createContext used in a Server Component
createContext in a Server Component
Next.js detected React context creation inside a Server Component, which is unsupported because createContext only works in Client Components.
Error AtlasError Documentation and ResolutionObserved message
createContext in a Server Component
Why it happens
- A component in the App Router creates React context without being marked as a Client Component.
- Shared provider code was imported into a Server Component tree.
- A file using createContext is missing the use client directive.
How to fix it
- Add use client at the top of the file that creates the context.
- Move the provider into a Client Component and render it from the server tree.
- Keep context-related code out of Server Components unless it is wrapped by a client boundary.
Official reference
Next.js Docs: createContext in a Server ComponentRelated errors
Explore more