`app` dir does not work with React.createContext

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
  Platform: linux
  Arch: x64
  Version: #137-Ubuntu SMP Wed Jun 15 13:33:07 UTC 2022
Binaries:
  Node: 16.18.0
  npm: 8.3.0
  Yarn: 1.22.18
  pnpm: 6.32.11
Relevant packages:
  next: 13.0.0
  eslint-config-next: 13.0.0
  react: 18.2.0
  react-dom: 18.2.0

What browser are you using? (if relevant)

N/A, but Node.js is v16.18.0

How are you deploying your application? (if relevant)

next dev

Describe the Bug

Using @emotion/react as jsxImportSource does not work with app dir, with the following error:

Server Error
TypeError: React.createContext is not a function

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack

eval
  (sc_server)/node_modules/@emotion/react/dist/emotion-element-b63ca7c6.cjs.dev.js (21:47)
Object.(sc_server)/./node_modules/@emotion/react/dist/emotion-element-b63ca7c6.cjs.dev.js
  file:///home/me/app/.next/server/app/page.js (425:1)

console.log(React) at the error site shows that it indeed doesn’t have createContext.

React.version is 18.3.0-next-d925a8d0b-20221024.

Expected Behavior

Using @emotion/react as jsxImportSource works with app dir.

Link to reproduction

https://replit.com/@alex-kinokon/app-playground

To Reproduce

Set jsxImportSource to @emotion/react in tsconfig.json

[balazsorban44]

Hi, this is expected if the component using createContext isn’t marked with use client. We are already working on a better error message and adding it to the docs soon to explain this better, but the behavior here is not a bug, so I am closing this. Thanks for reporting!

[github-actions[bot]]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.