include React in tsx file and correct transpile issue

Author: dev-javascript

.babelrc.js

@@ -16,13 +16,6 @@ const options = {
     ],
   ],
   plugins: [
-    [
-      '@babel/plugin-transform-typescript',
-      {
-        isTSX: true,
-        allExtensions: true,
-      },
-    ],
     '@babel/plugin-transform-react-jsx',
     [
       'transform-react-remove-prop-types',
@@ -35,7 +28,7 @@ const options = {
   env: {
     test: {
       // extra configuration for process.env.NODE_ENV === 'test'
-      presets: ['@babel/env', '@babel/preset-typescript'], // overwrite env-config from above with transpiled module syntax
+      presets: ['@babel/env'], // overwrite env-config from above with transpiled module syntax
     },
   },
 };

package.json

@@ -18,9 +18,9 @@
     "watch": "set NODE_OPTIONS=--openssl-legacy-provider & cross-env BABEL_OUTPUT=umd INCLUDE_POLYFILLS=true webpack --config webpack.config.js --env=development --watch",
     "build": "set NODE_OPTIONS=--openssl-legacy-provider & npm-run-all clean:* --parallel build:lib:* & npm run build:dist",
     "build:dist": "rollup -c",
-    "build:lib:cjs": "cross-env BABEL_OUTPUT=cjs babel src/ --out-dir lib/cjs/ --extensions .ts,.tsx --ignore **/__tests__,**/__mocks__,**/*.test.js,**/*.js.snap",
-    "build:lib:esm": "babel src/ --out-dir lib/esm/ --extensions .ts,.tsx --ignore **/__tests__,**/__mocks__,**/*.test.js,**/*.js.snap",
-    "build:lib:esm-pf": "cross-env INCLUDE_POLYFILLS=true babel src/ --out-dir lib/esm-including-polyfills/ --extensions .ts,.tsx --ignore **/__tests__,**/__mocks__,**/*.test.js,**/*.js.snap",
+    "build:lib:cjs": "cross-env BABEL_OUTPUT=cjs babel src/ --out-dir lib/cjs/ --extensions .ts,.tsx --ignore **/__tests__,**/__mocks__,**/*.test.js,**/*.js.snap,**/*.d.ts",
+    "build:lib:esm": "babel src/ --out-dir lib/esm/ --extensions .ts,.tsx --ignore **/__tests__,**/__mocks__,**/*.test.js,**/*.js.snap,**/*.d.ts",
+    "build:lib:esm-pf": "cross-env INCLUDE_POLYFILLS=true babel src/ --out-dir lib/esm-including-polyfills/ --extensions .ts,.tsx --ignore **/__tests__,**/__mocks__,**/*.test.js,**/*.js.snap,**/*.d.ts",
     "clean:lib": "rimraf lib",
     "clean:dist": "rimraf dist",
     "prepublish": "npm run build",

src/strintToReact.tsx

@@ -1,4 +1,4 @@
-import {useRef} from 'react';
+import React, {useRef} from 'react';
 import PropTypes from 'prop-types';
 function StringToReactComponent(deps: any, props: any) {
   const {getCtx, Babel, react} = deps;