search

reactjs / react-codemod

React codemod scripts
MIT License
4.21k stars 290 forks source link

【Question】'React' refers to a UMD global, but the current file is a module. Consider adding an import instead. #280

Open Jairwin-L opened 4 years ago

Jairwin-L commented 4 years ago

Run : npx react-codemod update-react-imports

babel version：

"@babel/core": "^7.12.3",
"@babel/preset-react": "^7.12.1",

It report: image

cseas commented 3 years ago

I'm getting the same error with TypeScript. The migration guide for the new JSX transforms in React v17 doesn't mention anything about TypeScript and this seems to be a TypeScript error.

My setup: "react": "^17.0.0", "react-dom": "^17.0.0", "react-scripts": "4.0.0",

henryqdineen commented 3 years ago

We ran into this also. You can fix it by setting the jsx compiler option: https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/#react-17-jsx-factories

Jairwin-L commented 3 years ago

We ran into this also. You can fix it by setting the jsx compiler option: https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/#react-17-jsx-factories

ok

"jsx": "preserve",
chandrarishabh commented 3 years ago

how to use JSX transforms with TypeScript3.9? Any leads?

cseas commented 3 years ago

If you're talking about the new jsx transform that comes with react v17, that's only supported in TypeScript 4.1+ https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-1.html#react-17-jsx-factories