"process is not defined" error from Remix <Scripts /> tag

[RobertGemmaJr]

I'm moving from the classic Remix compiler to the Vite compiler on my way to React Router v7! I have just about everything set correctly but I'm getting this warning:

chunk-4JIUEC4X.js?v=98451810:1850 Uncaught ReferenceError: process is not defined
    at node_modules/util/util.js (chunk-4JIUEC4X.js?v=98451810:1850:5)
    at __require2 (chunk-N5SXXOWC.js?v=98451810:21:50)
    at node_modules/stream-slice/index.js (@remix-run_node.js?v=98451810:23695:16)
    at __require2 (chunk-N5SXXOWC.js?v=98451810:21:50)
    at node_modules/@remix-run/node/dist/upload/fileUploadHandler.js (@remix-run_node.js?v=98451810:23892:23)
    at __require2 (chunk-N5SXXOWC.js?v=98451810:21:50)
    at node_modules/@remix-run/node/dist/index.js (@remix-run_node.js?v=98451810:24077:29)
    at __require2 (chunk-N5SXXOWC.js?v=98451810:21:50)
    at @remix-run_node.js?v=98451810:24191:16
node_modules/util/util.js @ chunk-4JIUEC4X.js?v=98451810:1850
__require2 @ chunk-N5SXXOWC.js?v=98451810:21
node_modules/stream-slice/index.js @ @remix-run_node.js?v=98451810:23695
__require2 @ chunk-N5SXXOWC.js?v=98451810:21
node_modules/@remix-run/node/dist/upload/fileUploadHandler.js @ @remix-run_node.js?v=98451810:23892
__require2 @ chunk-N5SXXOWC.js?v=98451810:21
node_modules/@remix-run/node/dist/index.js @ @remix-run_node.js?v=98451810:24077
__require2 @ chunk-N5SXXOWC.js?v=98451810:21
(anonymous) @ @remix-run_node.js?v=98451810:24191

I've narrowed the issue down to the <Scripts /> component from Remix but the migration guide keeps it.

These are the two scripts it adds:

<script>window.__remixContext = {"basename":"/","future":{"v3_fetcherPersist":true,"v3_relativeSplatPath":true,"v3_throwAbortReason":true,"v3_routeConfig":false,"v3_singleFetch":false,"v3_lazyRouteDiscovery":true,"unstable_optimizeDeps":true},"isSpaMode":false,"state":{"loaderData":{"root":{"cookie":"chakra-ui-color-mode=light","locale":"en","title":"XMA Portal","subtitle":"Web portal for X-ray Motion Analysis data","user":null},"routes/_auth.signin":{}},"actionData":null,"errors":null}};</script>
<script type="module" async="">import "/@id/__x00__virtual:remix/inject-hmr-runtime";;
import * as route0 from "/app/root.tsx";
import * as route1 from "/app/routes/_auth.signin.tsx";
window.__remixManifest = {
  "version": "0.5662988564543068",
  "url": "/@id/__x00__virtual:remix/browser-manifest",
  "hmr": {
    "runtime": "/@id/__x00__virtual:remix/inject-hmr-runtime"
  },
  "entry": {
    "module": "/app/entry.client.tsx",
    "imports": []
  },
  "routes": {
    "root": {
      "id": "root",
      "path": "",
      "module": "/app/root.tsx",
      "hasAction": false,
      "hasLoader": true,
      "hasClientAction": false,
      "hasClientLoader": false,
      "hasErrorBoundary": true,
      "imports": []
    },
    "routes/_auth.signin": {
      "id": "routes/_auth.signin",
      "parentId": "root",
      "path": "signin",
      "module": "/app/routes/_auth.signin.tsx",
      "hasAction": true,
      "hasLoader": true,
      "hasClientAction": false,
      "hasClientLoader": false,
      "hasErrorBoundary": false,
      "imports": []
    },
    "routes/_index": {
      "id": "routes/_index",
      "parentId": "root",
      "index": true,
      "module": "/app/routes/_index.tsx",
      "hasAction": false,
      "hasLoader": false,
      "hasClientAction": false,
      "hasClientLoader": false,
      "hasErrorBoundary": false,
      "imports": []
    }
  }
};
window.__remixRouteModules = {"root":route0,"routes/_auth.signin":route1};

import("/app/entry.client.tsx");</script>

I believe the error is coming from the second script but it's hard to tell. The call within the chunk is just a process.env.NODE_DEBUG

Is there any way to further diagnose this?