Remix dev mode redirect bug when verbatimModuleSyntax is set to true

[brookslybrand]

Reproduction

https://stackblitz.com/edit/remix-run-remix-e89vvn?file=tsconfig.json,app%2Froot.tsx,app%2Froutes%2Fsignup.tsx,app%2Froutes%2Fverify.tsx

System Info

latest remix packages and what not, your can see in the reproduction

Used Package Manager

npm

Expected Behavior

Redirect from an action should work as expected

Actual Behavior

This is one of the weirdest bugs I've run into. Basically if you have

// tsconfig.json
{
  "verbatimModuleSyntax": true,
}

and very specific imports setup, when you try to redirect from an action it'll cause the whole page to refresh and cancel the redirect. This isn't a problem in production, but it caused for a very difficult to track down bug in a larger app someone shared with me.

redirect-madness.mov

[laishere]

When we open the console, it shows the ReferenceError: process is not defined error, which I believe is cause by the "verbatimModuleSyntax": true. It will break the dynamic module loading here:

remix/packages/remix-react/routeModules.ts

Line 180 in 5954ad1

export async function loadRouteModule(

Which will make the page reload as expected:

remix/packages/remix-react/routeModules.ts

Line 220 in 5954ad1

window.location.reload();