.github/workflows/ci.yml

@@ -51,7 +51,7 @@ jobs:
   test:
     needs: [install-cache-deps]
     runs-on: ubuntu-latest
-    name: Test (concurrent)
+    name: Test
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -67,29 +67,21 @@ jobs:
         env:
           CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
 
-  test-legacy:
+  test-react-18:
     needs: [install-cache-deps]
     runs-on: ubuntu-latest
-    name: Test (legacy)
+    name: Test React 18
     steps:
       - name: Checkout
         uses: actions/checkout@v4
 
       - name: Setup Node.js and deps
         uses: ./.github/actions/setup-deps
 
-      - name: Test in legacy mode
-        run: CONCURRENT_MODE=0 yarn test:ci
+      - name: Switch to React 18
+        run: |
+          yarn remove react react-test-renderer react-native @react-native/babel-preset
+          yarn add -D react@18.3.1 react-test-renderer@18.3.1 react-native@0.77.0 @react-native/babel-preset@0.77.0
 
-  test-website:
-    runs-on: ubuntu-latest
-    name: Test Website
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Node.js and website deps
-        uses: ./.github/actions/setup-website-deps
-
-      - name: Build website
-        run: yarn --cwd website build
+      - name: Test
+        run: yarn test:ci

.github/workflows/deploy-website.yml → .github/workflows/website.yml

@@ -4,10 +4,31 @@ on:
   push:
     branches: [main]
     paths: ['website/**']
+  pull_request:
+    branches: ['**']
+    paths: ['website/**']
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: ${{ !contains(github.ref, 'main')}}
 
 jobs:
+  test:
+    runs-on: ubuntu-latest
+    name: Test Website
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js and website deps
+        uses: ./.github/actions/setup-website-deps
+
+      - name: Build website
+        run: yarn --cwd website build
+
   deploy:
     name: Deploy to GitHub Pages
+    if: github.ref == 'refs/heads/main'
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -25,12 +46,11 @@ jobs:
         uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          # Build output to publish to the `gh-pages` branch:
           publish_dir: ./website/build
           # The following lines assign commit authorship to the official
           # GH-Actions bot for deploys to `gh-pages` branch:
           # https://github.com/actions/checkout/issues/13#issuecomment-724415212
           # The GH actions bot is used by default if you didn't specify the two fields.
           # You can swap them out with your own user credentials.
           user_name: github-actions[bot]
-          user_email: 41898282+github-actions[bot]@users.noreply.github.com
+          user_email: 41898282+github-actions[bot]@users.noreply.github.com

eslint.config.mjs

@@ -23,7 +23,7 @@ export default [
       'simple-import-sort/imports': [
         'error',
         {
-          groups: [['^\\u0000', '^react', '^@?\\w', '^', '^\\.']],
+          groups: [['^\\u0000', '^react', '^@?\\w', '^'], ['^\\.']],
         },
       ],
     },

examples/basic/components/__tests__/AnimatedView.test.tsx

@@ -20,7 +20,7 @@ describe('AnimatedView', () => {
     );
     expect(screen.root).toHaveStyle({ opacity: 0 });
 
-    await act(() => jest.advanceTimersByTime(250));
+    act(() => jest.advanceTimersByTime(250));
     expect(screen.root).toHaveStyle({ opacity: 1 });
   });
 
@@ -32,7 +32,7 @@ describe('AnimatedView', () => {
     );
     expect(screen.root).toHaveStyle({ opacity: 0 });
 
-    await act(() => jest.advanceTimersByTime(250));
+    act(() => jest.advanceTimersByTime(250));
     expect(screen.root).toHaveStyle({ opacity: 1 });
   });
 });