coder
diff --git a/‎site/jest.setup.ts
+17 b/‎site/jest.setup.ts
+17
diff --git a/‎site/package.json
+1 b/‎site/package.json
+1
diff --git a/‎site/src/components/RequireAuth/RequireAuth.test.tsx
+6-2 b/‎site/src/components/RequireAuth/RequireAuth.test.tsx
+6-2
@@ -5,13 +5,30 @@ import { server } from "./src/testHelpers/server"
 import "jest-location-mock"
 import { TextEncoder, TextDecoder } from "util"
 import { Blob } from "buffer"
+import { fetch, Request, Response, Headers } from "@remix-run/web-fetch"
 
 global.TextEncoder = TextEncoder
 // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Polyfill for jsdom
 global.TextDecoder = TextDecoder as any
 // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Polyfill for jsdom
 global.Blob = Blob as any
 
+// From REMIX https://github.com/remix-run/react-router/blob/main/packages/react-router-dom/__tests__/setup.ts
+if (!global.fetch) {
+  // Built-in lib.dom.d.ts expects `fetch(Request | string, ...)` but the web
+  // fetch API allows a URL so @remix-run/web-fetch defines
+  // `fetch(string | URL | Request, ...)`
+  // @ts-expect-error -- Polyfill for jsdom
+  global.fetch = fetch
+  // Same as above, lib.dom.d.ts doesn't allow a URL to the Request constructor
+  // @ts-expect-error -- Polyfill for jsdom
+  global.Request = Request
+  // web-std/fetch Response does not currently implement Response.error()
+  // @ts-expect-error -- Polyfill for jsdom
+  global.Response = Response
+  global.Headers = Headers
+}
+
 // Polyfill the getRandomValues that is used on utils/random.ts
 Object.defineProperty(global.self, "crypto", {
   value: {
 
@@ -36,6 +36,7 @@
     "@material-ui/icons": "4.5.1",
     "@material-ui/lab": "4.0.0-alpha.42",
     "@monaco-editor/react": "4.4.6",
+    "@remix-run/web-fetch": "4.3.2",
     "@tanstack/react-query": "4.22.4",
     "@testing-library/react-hooks": "8.0.1",
     "@types/color-convert": "2.0.0",
 
@@ -1,6 +1,5 @@
 import { screen } from "@testing-library/react"
 import { rest } from "msw"
-import { Route } from "react-router-dom"
 import { renderWithAuth } from "testHelpers/renderHelpers"
 import { server } from "testHelpers/server"
 
@@ -20,7 +19,12 @@ describe("RequireAuth", () => {
     )
 
     renderWithAuth(<h1>Test</h1>, {
-      routes: <Route path="setup" element={<h1>Setup</h1>} />,
+      nonAuthenticatedRoutes: [
+        {
+          path: "setup",
+          element: <h1>Setup</h1>,
+        },
+      ],
     })
 
     await screen.findByText("Setup")