---
title: createContext in a Server Component
url: "https://nextjs.org/docs/messages/context-in-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

```jsx filename="app/example-component.js"
import { createContext } from 'react'

const Context = createContext()
```

### After

```jsx filename="app/example-component.js"
'use client'
import { createContext } from 'react'

const Context = createContext()
```

## Useful Links

- [Server and Client Components Composition Patterns](/docs/app/getting-started/server-and-client-components#examples)