"error createContext only works in Client Components" still exists

[sheetalsindhu]

What is the improvement or update you wish to see?

I am getting this error in my project, after updating each and every file with "use client" still exists

• error createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/context-in-server-component
  at eval (webpack-internal:///(rsc)/./node_modules/next/dist/shared/lib/router-context.js:13:38)
  at (rsc)/./node_modules/next/dist/shared/lib/router-context.js (/Users/sheetalsindhu/Desktop/code/raftel/.next/server/app/page.js:2356:1)
  at webpack_require (/Users/sheetalsindhu/Desktop/code/raftel/.next/server/webpack-runtime.js:33:43)
  at eval (webpack-internal:///(rsc)/./node_modules/next/dist/client/router.js:36:24)
  at (rsc)/./node_modules/next/dist/client/router.js (/Users/sheetalsindhu/Desktop/code/raftel/.next/server/app/page.js:2004:1)
  at webpack_require (/Users/sheetalsindhu/Desktop/code/raftel/.next/server/webpack-runtime.js:33:43)
  at eval (webpack-internal:///(rsc)/./node_modules/next/router.js:2:18)
  at (rsc)/./node_modules/next/router.js (/Users/sheetalsindhu/Desktop/code/raftel/.next/server/app/page.js:2741:1)
  at webpack_require (/Users/sheetalsindhu/Desktop/code/raftel/.next/server/webpack-runtime.js:33:43)
  at eval (webpack-internal:///(rsc)/./node_modules/next-redux-wrapper/lib/index.js:177:16) {
  name: 'TypeError',
  digest: undefined
  }

Is there any context that might help us understand?

"next": "13.4.13",
"react": "^18.2.0",

Does the docs page already exist? Please link to it.

https://nextjs.org/docs/messages/context-in-server-component

[delbaoliveira]

Hey @sheetalsindhu, could you please delete your .next directory? Wondering if it's a bad cache.

[bonface221]

@sheetalsindhu add "use client" on the component with the create context only.

Then wrap the component in your layout or where you intend to use it

e.g this is a client auth provider

wrapped over other components

[ryozm]

I got same error when i use @next/mdx, If this error occurs when you also use mdx, ensure mdx-components.tsx is at the root of your project
#47523 #47523 (comment)

[asd58584388]

I got the same error, after moving mdx-components.tsx to the root of my project, I solved it.

[cleytonoliveira]

I got the same error trying to migrate from Pages to App. I put the 'use client' at the beginning of my Context, but it doesn't work.

[wenzhen-gong]

I got the same error trying to migrate from Pages to App. I put the 'use client' at the beginning of my Context, but it doesn't work.

Same here. @emotion/styled works perfectly in Pages but not the case in App