feat: primer v37 upgrade

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

jest.config.ts

@@ -10,6 +10,8 @@ const config: Config = {
     // Force CommonJS build for http adapter to be available.
     // via https://github.com/axios/axios/issues/5101#issuecomment-1276572468
     '^axios$': require.resolve('axios'),
+
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
   },
   modulePathIgnorePatterns: ['<rootDir>/build', '<rootDir>/node_modules'],
 };

package.json

@@ -80,7 +80,7 @@
     "@primer/css": "22.0.2",
     "@primer/octicons-react": "19.18.0",
     "@primer/primitives": "11.1.0",
-    "@primer/react": "36.27.0",
+    "@primer/react": "37.31.0",
     "@tailwindcss/postcss": "4.1.13",
     "@testing-library/jest-dom": "6.8.0",
     "@testing-library/react": "16.3.0",
@@ -91,6 +91,7 @@
     "@types/react-dom": "19.1.9",
     "@types/react-router-dom": "5.3.3",
     "@types/semver": "7.7.1",
+    "identity-obj-proxy": "3.0.0",
     "axios": "1.11.0",
     "clsx": "2.1.1",
     "concurrently": "9.2.1",

pnpm-lock.yaml

@@ -69,3 +69,17 @@ global.CSS = {
 };
 
 window.HTMLMediaElement.prototype.play = jest.fn();
+
+// JSDOM doesn't implement matchMedia; needed for Primer media queries (useMedia hook)
+if (!window.matchMedia) {
+  window.matchMedia = (query: string): MediaQueryList => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: () => {}, // deprecated
+    removeListener: () => {}, // deprecated
+    addEventListener: () => {},
+    removeEventListener: () => {},
+    dispatchEvent: () => false,
+  });
+}