javascript - Nová JSX Transformace. React 16.14, Typescript 4.1.0-beta a react-scripts 4.0.0-next.98 nefungují

Na základě https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#removing-unused-react-imports

Můj package.json

"react": "^16.14.0",
"react-dom": "^16.14.0",
"react-scripts": "4.0.0-next.98",
"typescript": "^4.1.0-beta",

v package.json

"eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ],
    "rules": {
      "react/jsx-uses-react": "off",
      "react/jsx-uses-vars": "off",
      "react/react-in-jsx-scope": "off"
    }
  },

tsconfig.json

"jsx": "react-jsx"
*Value is not accepted. Valid values: "preserve", "react", "react-native"*

Podpora pro toto je k nalezení zde: https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#jsx-factories

Po spuštění se zobrazí chyba 'React' musí být v rozsahu při použití JSX.

Také, verze TypeScriptu ve Vscode je 4.1.0-dev

vytvořil šablonu pomocí

npx create-react-app@next --scripts-version=@next --template=typescript@next my-app

A v .env

EXTEND_ESLINT=true

Odpověď č. 1

fungovalo při aktualizaci na React 17.0.0, ale dokumentace ukazuje podporu pro 16.14.0