Skip to content
DocsErrorscreateContext in a Server Component

createContext in a Server Component

Why This Error Occurred

You are using createContext in a Server Component but it only works in Client Components.

Possible Ways to Fix It

Mark the component using createContext as a Client Component by adding 'use client' at the top of the file.

Before
app/example-component.js
import { createContext } from 'react'
 
const Context = createContext()
After
app/example-component.js
'use client'
import { createContext } from 'react'
 
const Context = createContext()

Server and Client Components Composition Patterns