new JSX transform

.eslintrc.json

@@ -32,7 +32,9 @@
 
  "rules": {
  "prettier/prettier": "error",
+ "react/jsx-uses-react": "off",
  "react/prop-types": ["error", { "skipUndeclared": true }],
+ "react/react-in-jsx-scope": "off",
  "react-hooks/exhaustive-deps": "error",
  "react-hooks/rules-of-hooks": "error",
  "sort-imports": ["error", { "ignoreDeclarationSort": true }]

package.json

@@ -28,7 +28,6 @@
  },
  "scripts": {
  "build": "rollup --config",
- "clean": "rm -rf dist jest node_modules package-lock.json yarn.lock",
  "eslint": "eslint",
  "jest": "jest",
  "start": "rollup --config --watch",
@@ -66,7 +65,7 @@
  "rollup-plugin-typescript2": "^0.29.0",
  "ts-jest": "^26.0.0",
  "tslib": "^2.0.0",
- "typescript": "^4.0.0"
+ "typescript": "^4.1.0"
  },
  "peerDependencies": {
  "react": "^16.8.0 || ^17.0.0",

rollup.config.js

@@ -8,16 +8,15 @@ import postcss from 'rollup-plugin-postcss';
 import typescript2 from 'rollup-plugin-typescript2';
 import packageJson from './package.json';
 
-const EXTERNAL = new Set([
- ...Object.keys(packageJson.dependencies),
- ...Object.keys(packageJson.peerDependencies),
-]);
-
 const IS_DEV = process.env.NODE_ENV === 'development';
-
 const MAIN_DIR = path.parse(packageJson.main).dir;
-
 const MODULE_DIR = path.parse(packageJson.module).dir;
+const TSCONFIG = IS_DEV ? './tsconfig.development.json' : './tsconfig.json';
+
+const EXTERNAL = new Set([
+ ...Object.keys(packageJson.dependencies || Object.create(null)),
+ ...Object.keys(packageJson.peerDependencies || Object.create(null)),
+]);
 
 export default [
  {
@@ -83,6 +82,7 @@ export default [
  }),
  typescript2({
  check: !IS_DEV,
+ tsconfig: TSCONFIG,
  useTsconfigDeclarationDir: true,
  }),
  ],

tsconfig.development.json

@@ -0,0 +1,6 @@
+{
+ "compilerOptions": {
+ "jsx": "react-jsxdev"
+ },
+ "extends": "./tsconfig.json"
+}

tsconfig.json

@@ -16,7 +16,7 @@
  "incremental": false,
  "inlineSourceMap": false,
  "isolatedModules": false,
- "jsx": "react",
+ "jsx": "react-jsx",
  "lib": ["DOM", "ESNext"],
  "module": "ESNext",
  "moduleResolution": "node",