[Bug]: TypeError: React.createContext is not a function

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

1.2.0

What browser are you using?

N/A

Reproduction repository

https://github.com/rgbrizzlehizzle/ba-sing-se

Describe your issue

I am experiencing the same issue raised in https://github.com/tailwindlabs/tailwindui-react/issues/5 😞

I’m a total front-end scrub so apologies if this turns out to be something that is completely my fault lol.

It also seems possible that this is a problem with Jest, but it seemed to make sense to open it up here first since someone else also had the same issue.

Issue can be replicated by cloning the repo that I linked and running yarn test

[venables]

For those encountering this issue, it is likely due to including . in the moduleDirectories section of jest.config.js like so:

moduleDirectories: ['node_modules', '.'],

Either removing the . or changing it to <rootDir> solved the issue:

moduleDirectories: ['node_modules', '<rootDir>'],

A similar issue + solution was reported with theme-ui.

[haghighi251]

Hi, If you are using Next.js 13 you have to add ‘use client’; to your component. Please for more information check the link below: https://beta.nextjs.org/docs/rendering/server-and-client-components Otherwise, check if you have installed the latest version of react and react-dom.