You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
### Used Package Manager
npm
### Expected Behavior
According to the [Layout docs](Avoids React from re-mounting your app shell elements when switching between the root component/HydrateFallback/ErrorBoundary which can cause a FOUC if React removes and re-adds <link rel="stylesheet"> tags from your <Links> component.)
> Avoids React from re-mounting your app shell elements when switching between the root component/HydrateFallback/ErrorBoundary which can cause a FOUC if React removes and re-adds <link rel="stylesheet"> tags from your <Links> component.
### Actual Behavior
It looks like the `Layout` component in `root.tsx` is remounting if you throw an error from an `action`. If you put an `ErrorBoundary` inside of the child (`routes/_index.tsx`) the remounting goes away and works the way I would expect.
Either:
1. This is a bug
2. This is intended for some reason, and we need to clarify the language in the documentation
https://github.com/user-attachments/assets/86339e99-953b-46f1-ab1c-549920e6f2b2
The text was updated successfully, but these errors were encountered:
Reproduction
https://stackblitz.com/edit/remix-run-remix-h3kxyf?file=app%2Froot.tsx,app%2Froutes%2F_index.tsx
System Info
The text was updated successfully, but these errors were encountered: