Merge 60e7b47 into 3fd421e

.eslintrc.json

@@ -3,13 +3,19 @@
   "env": {
     "browser": true
   },
+  "parserOptions": {
+    "ecmaVersion": 2022
+  },
+  "globals": {
+    "globalThis": false
+  },
   "rules": {
     "max-len": ["error", { "code": 100, "ignoreComments": true }],
     "react/function-component-definition": [2, {"namedComponents":"arrow-function"}],
     "import/no-extraneous-dependencies": ["error", {
       "devDependencies": [
         "test/**",
-        "karma.conf.js",
+        "karma.conf.cjs",
         "rollup.config.js",
         "examples/rollup.config.js"
       ]

.github/workflows/test.yml

@@ -18,6 +18,7 @@ jobs:
         react-version:
           - ^16.8.0
           - ^17.0.0
+          - ^18.0.0
 
     steps:
       - uses: actions/checkout@v2

karma.conf.cjs

@@ -5,6 +5,7 @@
 
 process.env.NODE_ENV = 'test';
 if (!process.env.CHROME_BIN) process.env.CHROME_BIN = require('puppeteer').executablePath();
+const IS_REACT_18 = parseInt(require('react').version.split('.')[0], 10) >= 18;
 
 module.exports = (config) => {
   const configuration = {
@@ -66,11 +67,14 @@ module.exports = (config) => {
           exclude: 'node_modules/**',
           babelHelpers: 'bundled',
         }),
+        !IS_REACT_18 && require('@rollup/plugin-alias')({
+          entries: { 'react-dom/client': './test/react-dom-client-polyfill.js' },
+        }),
         require('@rollup/plugin-node-resolve').default({
           mainFields: ['module', 'browser', 'main'],
         }),
         require('@rollup/plugin-commonjs')({ include: 'node_modules/**' }),
-      ],
+      ].filter(Boolean),
       output: {
         format: 'iife',
         sourcemap: 'inline',

package.json

@@ -49,6 +49,7 @@
     "@babel/core": "^7.17.9",
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.16.7",
+    "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-commonjs": "^21.0.3",
     "@rollup/plugin-node-resolve": "^13.1.3",
@@ -75,8 +76,8 @@
     "karma-spec-reporter": "0.0.33",
     "mocha": "^9.2.2",
     "puppeteer": "^13.5.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "rollup": "^2.70.1",
     "rollup-plugin-terser": "^7.0.2",
     "sinon": "^13.0.1",