Without Import React

[bigbigDreamer]

Whether the initialized document project can be compiled with the new babel, automatically import React, no need to import it anywhere, and transform the original Typescipt configuration at the same time.

React Docs-New-Jsx-Transform

// babel.config.js
module.exports = {
    presets: [
        require.resolve('@docusaurus/core/lib/babel/preset'),
+        [
+            '@babel/preset-react',
+            {
+                runtime: 'automatic',
+           },
+         ],
    ],
};

Typescript 4.1-Jsx-Factories

{
  // This file is not used in compilation. It is here just for a nice editor experience.
  "extends": "@tsconfig/docusaurus/tsconfig.json",
  "compilerOptions": {
    "baseUrl": ".",
+   "jsx": "react-jsx"
  }
}