[v4] TypeScript error: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.

[nikitowsky]

Getting this TypeScript error when I delete React import statement.

/Users/nikita/Projects.localized/react-17-test/src/App.tsx
TypeScript error in /Users/nikita/Projects.localized/react-17-test/src/App.tsx(2,11):
'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.  TS2686

    1 | const App = () => {
  > 2 |   return <div>Test</div>;
      |           ^
    3 | };
    4 | 
    5 | export default App;

Just generated project with yarn create react-app react-17-test --template typescript.

[nikitowsky]

Okay, nevermind, it will work normally with TypeScript 4.1 – https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#jsx-factories

[missgentle]

• import React from 'react';

[ahmad2smile]

• import React from 'react';

So we don't get that JSX Transform?