Update deps for React 18 compatability

.changeset/eight-peas-tan.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Update to React.useId() when using React 18

.eslintrc.json

@@ -104,6 +104,19 @@
           {
             "ts-ignore": "allow-with-description"
           }
+        ],
+        "no-restricted-imports": [
+          "error",
+          {
+            "paths": [
+              {
+                "name": "@react-aria/ssr",
+                "importNames": ["useSSRSafeId"],
+                "message": "Please use the `useId` hook from `src/hooks/useId.ts` instead"
+              }
+            ],
+            "patterns": []
+          }
         ]
       }
     },

.github/workflows/ci.yml

@@ -46,11 +46,11 @@ jobs:
         run: node script/set-react-version.js ${{ matrix.react }}
 
       - name: Install dependencies
-        if: ${{ matrix.react == 18 }}
+        if: ${{ matrix.react == 17 }}
         run: npm install --legacy-peer-deps
 
       - name: Install dependencies
-        if: ${{ matrix.react == 17 }}
+        if: ${{ matrix.react == 18 }}
         run: npm ci
 
       - name: Build
@@ -80,11 +80,11 @@ jobs:
         run: node script/set-react-version.js ${{ matrix.react }}
 
       - name: Install dependencies
-        if: ${{ matrix.react == 18 }}
+        if: ${{ matrix.react == 17 }}
         run: npm install --legacy-peer-deps
 
       - name: Install dependencies
-        if: ${{ matrix.react != 18 }}
+        if: ${{ matrix.react != 17 }}
         run: npm ci
 
       - name: Type check

.storybook/main.js

@@ -12,29 +12,26 @@ module.exports = {
     {
       name: 'storybook-addon-turbo-build',
       options: {
-        optimizationLevel: 2
-      }
+        optimizationLevel: 2,
+      },
     },
-    ...(process.env.NODE_ENV === 'production' && process.env.GITHUB_JOB !== 'chromatic'
-      ? ['@whitespace/storybook-addon-html']
-      : [])
   ],
   core: {
     builder: {
       name: 'webpack5',
       options: {
-        fsCache: true
-      }
-    }
+        fsCache: true,
+      },
+    },
   },
   features: {
     interactionsDebugger: true,
     storyStoreV7: true,
-    buildStoriesJson: true
+    buildStoriesJson: true,
   },
   framework: '@storybook/react',
   reactOptions: {
     fastRefresh: true,
-    strictMode: true
-  }
+    strictMode: true,
+  },
 }