feat: primer v37 upgrade (#2221)

* feat: primer v37 upgrade

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

* feat: primer v37 upgrade

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

* feat: primer v37 upgrade

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

* feat: primer v37 upgrade

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

* feat: primer v37 upgrade

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

* feat: primer v37 upgrade

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

* feat: primer v37 upgrade

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

* feat: primer v37 upgrade

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

* feat: primer v37 upgrade

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

---------

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

@@ -44,12 +44,10 @@ process.env.OAUTH_CLIENT_ID = 'FAKE_CLIENT_ID_123';
 process.env.OAUTH_CLIENT_SECRET = 'FAKE_CLIENT_SECRET_123';
 
 /**
- * Primer (@primer/react) Setup
+ * Primer (@primer/react) Setup - START
  *
  * Borrowed from https://github.com/primer/react/blob/main/packages/react/src/utils/test-helpers.tsx
  */
-// @ts-expect-error: prevent ReferenceError: TextEncoder is not defined
-global.TextEncoder = TextEncoder;
 
 // JSDOM doesn't mock ResizeObserver
 global.ResizeObserver = jest.fn().mockImplementation(() => {
@@ -68,4 +66,22 @@ global.CSS = {
   }),
 };
 
+// @ts-expect-error: prevent ReferenceError: TextEncoder is not defined
+global.TextEncoder = TextEncoder;
+
+/**
+ * Primer (@primer/react) Setup - END
+ */
+
 window.HTMLMediaElement.prototype.play = jest.fn();
+
+window.matchMedia = (query: string): MediaQueryList => ({
+  matches: false,
+  media: query,
+  onchange: null,
+  addListener: () => {}, // deprecated
+  removeListener: () => {}, // deprecated
+  addEventListener: () => {},
+  removeEventListener: () => {},
+  dispatchEvent: () => false,
+});