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

Activity

1. cseas commented on Nov 21, 2020

   

   cseas

   on Nov 21, 2020

   Last edited by cseas

   More actions

   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",
2. henryqdineen commented on Feb 25, 2021

   

   henryqdineen

   on Feb 25, 2021

   Last edited by henryqdineen

   More actions

   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

   👍React with 👍6Reacted by Karim, Rob, Alen Ajam, Jacob M-G Evans, Farid MUSA and Richard Szegh
3. Jairwin-L commented on Mar 6, 2021

   

   Jairwin-L

   on Mar 6, 2021

   Author

   More actions

   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",

   👍React with 👍2Reacted by Justin Gish and Farid MUSA
4. Jairwin-L

   changed the title [-]'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.[/-] [+]【Question】'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.[/+] on Mar 6, 2021
5. chandrarishabh commented on Jun 15, 2021

   

   chandrarishabh

   on Jun 15, 2021

   More actions

   how to use JSX transforms with TypeScript3.9? Any leads?
6. cseas commented on Jun 16, 2021

   

   cseas

   on Jun 16, 2021

   More actions

   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