diff --git a/babel.config.js b/babel.config.js
index 474e6eabf8..875b2d680d 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -17,7 +17,7 @@ module.exports = {
         targets: '> 1%, not dead, not ie 11, not op_mini all',
       },
     ],
-    '@babel/preset-react',
+    ['@babel/preset-react', { runtime: 'automatic' }],
     '@babel/preset-typescript',
   ],
 }
diff --git a/example/tsconfig.json b/example/tsconfig.json
index 87f73d0c64..14f47fd977 100644
--- a/example/tsconfig.json
+++ b/example/tsconfig.json
@@ -13,7 +13,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react"
+    "jsx": "react-jsx"
   },
   "include": ["./src", "./typings/*.d.ts", "../packages/*"]
 }
diff --git a/package.json b/package.json
index a9ed12a92e..2f09a3b77c 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
     "eslint:fix": "yarn run eslint --fix",
     "test": "jest --coverage",
     "test:watch": "jest --watchAll",
-    "typecheck": "tsc --noEmit --emitDeclarationOnly false --strict --jsx react",
+    "typecheck": "tsc --noEmit --emitDeclarationOnly false --strict",
     "validate": "preconstruct validate",
     "release": "yarn build && yarn changeset publish",
     "vers": "yarn changeset version",
diff --git a/tsconfig.json b/tsconfig.json
index ee003b654d..468e5e6195 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,7 +5,7 @@
     "module": "commonjs",
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
     "pretty": true,
     "strict": true,
     "skipLibCheck": true,