Bump react and react-dom (#274)

* Bump react and react-dom

Bumps [react](https://github.com/facebook/react/tree/HEAD/packages/react) and [react-dom](https://github.com/facebook/react/tree/HEAD/packages/react-dom). These dependencies needed to be updated together.

Updates `react` from 17.0.2 to 18.0.0
- [Release notes](https://github.com/facebook/react/releases)
- [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md)
- [Commits](https://github.com/facebook/react/commits/v18.0.0/packages/react)

Updates `react-dom` from 17.0.2 to 18.0.0
- [Release notes](https://github.com/facebook/react/releases)
- [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md)
- [Commits](https://github.com/facebook/react/commits/v18.0.0/packages/react-dom)

---
updated-dependencies:
- dependency-name: react
  dependency-type: direct:development
  update-type: version-update:semver-major
- dependency-name: react-dom
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* Add react 18 to test matrix

* Update the tests to use react 18

* Test react 18

* Fix

* Ooops

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Julian Grinblat <julian@dotcore.co.il>

.eslintrc.json

@@ -4,7 +4,10 @@
     "browser": true
   },
   "parserOptions": {
-    "ecmaVersion": 2020
+    "ecmaVersion": 2022
+  },
+  "globals": {
+    "globalThis": false
   },
   "rules": {
     "no-multi-assign": 0,

.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 = {
@@ -61,12 +62,13 @@ module.exports = (config) => {
       plugins: [
         require('@rollup/plugin-replace')({ 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV) }), // this is for react
         require('@rollup/plugin-babel').default({ 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'],
           extensions: ['.js', '.jsx'],
         }),
         require('@rollup/plugin-commonjs')({ include: 'node_modules/**' }),
-      ],
+      ].filter(Boolean),
       output: {
         format: 'iife',
         sourcemap: 'inline',