Can't resolve 'react/jsx-runtime'

[matine]

Hi. I'm using create-react-app with typescript and storybook and I've just installed react-data-grid and @types/react-data-grid which went smoothly. But when I create a very basic data grid component based on your example on your website and added it to storybook, my code doesn't compile and I get the following error

Module not found: Error: Can't resolve 'react/jsx-runtime' in '/node_modules/react-data-grid/lib'

I tried to update to the latest CRA but that didn't help.

I also found this commit from 4 days ago that could be something to do with it 5d75c6a

[nstepien]

Depends on facebook/react#20235
We might have to revert to the old jsx runtime if it cannot be fixed upstream quickly enough.
For now you can try downgrading to a previous canary version. 7.0.0-canary.30 should be good.
Also, @types/react-data-grid isn't necessary, we ship our own types for newer versions.

[matine]

Thanks for your speedy response. The older version works for now 👍

[ckeboss]

Any update on this?

[ekeuus]

Any update on this?

I fixed it by updating react to 16.14

[ghost]

same problem.

[maximborisov]

This helped me fix the problem

[nomanoff]

I had the same issue with react-dnd.
The solution was to use older version of react-dnd
this:

[denis-597]

Well, I solved my problem by replacing the versions of these dependencies in the package.json file:

    "react-dom": "latest",
    "react": "latest",
    "@mui/material": "latest",
    "@emotion/styled": "latest",
    "@emotion/react": "latest"

[harshmauny]

what is the best solution for this problem

[Fer4code]

Well, I solved my problem by replacing the versions of these dependencies in the package.json file:

    "react-dom": "latest",
    "react": "latest",
    "@mui/material": "latest",
    "@emotion/styled": "latest",
    "@emotion/react": "latest"

This helped me out

[shayan2601]

Well, I solved my problem by replacing the versions of these dependencies in the package.json file:

    "react-dom": "latest",
    "react": "latest",
    "@mui/material": "latest",
    "@emotion/styled": "latest",
    "@emotion/react": "latest"

This helped me out

This solution is showing an error "Invalid hook call...." in react app