remix icon indicating copy to clipboard operation
remix copied to clipboard

Remix dev mode redirect bug when `verbatimModuleSyntax` is set to `true`

Open brookslybrand opened this issue 4 months ago • 1 comments

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.

https://github.com/user-attachments/assets/b2dcaf32-2696-4df2-b2e0-04c9b93c1a5a

brookslybrand avatar Oct 09 '24 21:10 brookslybrand