MDX Client Components + useState: Invalid Hook Call (Next 14.2.1)

[dominik-sfl]

Summary

Since next 14.2 I get invalid hook calls on all of my client components I am using inside my mdx files (bundled with mdx-bundler)

Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
 ⨯ Internal error: TypeError: Cannot read properties of null (reading 'useState')
    at useState (/Users/xxxx/projects//my-site/node_modules/react/cjs/react.development.js:1622:21)

Any ideas what this could be? Downgraded to next 14.1 for now, which is working 100%. Only happens in MDX client components that make use of useState.

Additional information

No response

Example

No response

[tfshuvo]

It's not a nextjs problem, you can ask in the repo
https://github.com/hashicorp/next-mdx-remote