feat: support React 18 (#677)

* feat: support react18

* feat: update react

* chore: update react-test-renderer

* ci: fix ci for multiple react version

* chore: update @testing-library/react-hooks

* ci: remove react 16 and 17 job

* Revert "ci: remove react 16 and 17 job"

This reverts commit fdc9d7f.

* test: move from @testing-library/react-hooks to @testing-library/react

* test: fix test

* fix: fix useCustomCompareLayoutEffect naming

* ci: separate workflow

* ci: fix react 16 and 17 workflow

* ci: fix react 16 and 17 workflow

* ci: fix react 16 and 17 workflow

* ci: fix react 16 and 17 workflow

Author: kotarella1110

.github/workflows/main.yml renamed to .github/workflows/check.yml

@@ -1,15 +1,15 @@
-name: CI
+name: Check
 on: [pull_request]
 jobs:
-  build:
+  check:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [10.x, 12.x]
+        node-version: [16.x]
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
       - name: Install dependencies
@@ -18,9 +18,5 @@ jobs:
         run: |
           npm run lint:types
           npm run lint
-      - name: Test
-        run: npm test
-        env:
-          CI: true
       - name: Build
         run: npm run build

.github/workflows/test.yml

@@ -0,0 +1,47 @@
+name: Test
+on: [pull_request]
+jobs:
+  react-16-17:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [16.x]
+        react-version: [^16.8.0, ^17]
+    steps:
+      - uses: actions/checkout@v3
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install dependencies
+        run: npm ci
+      - name: Install React ${{ matrix.react-version }}
+        run: |
+          npm install --D --legacy-peer-deps \
+            react@${{ matrix.react-version }} \
+            react-test-renderer@${{ matrix.react-version }} \
+            @testing-library/react@12 \
+            @testing-library/react-hooks
+      - name: Replace @testing-library/react with @testing-library/react-hooks
+        run: npx [email protected] '@testing-library/react' '@testing-library/react-hooks' tests -r
+      - name: Test
+        run: npm test
+        env:
+          CI: true
+  react-18:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [16.x]
+    steps:
+      - uses: actions/checkout@v3
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install dependencies
+        run: npm ci
+      - name: Test
+        run: npm test
+        env:
+          CI: true