remix-run / remix

Build Better Websites. Create modern, resilient user experiences with web fundamentals.
https://remix.run
MIT License
28.15k stars 2.36k forks source link

Error Boundary <Links> conflicting with Root <Links> #9446

Closed steevehook closed 2 days ago

steevehook commented 2 weeks ago

Reproduction

When adding ErrorBoundary to root, and adding to it, it will conflict with Scripts inside Root especially when linking from an Error page to the App page, the styles will just break in development mode. Removing them fixes the issues for production mode, however in development mode I am left without any rendered styles as vite renders them differently in Dev mode.

System Info

OSX

Used Package Manager

npm

Expected Behavior

I want styles to work in both development and production modes for both the normal App routes and the Error boundary pages

Actual Behavior

At the moment the solution is to comment out Links, which will do the trick for production, but in development mode, ErrorBoundary is pretty much left without styles, while in production mode, sometimes navigating between links after hard reloading will throw styles away

machour commented 2 weeks ago

Hey @steevehook, thank you for filling this issue. Could you help us by providing a simple repository reproducing the problem you're encountering? 🙏🏼

github-actions[bot] commented 2 days ago

This issue has been automatically closed because we haven't received a response from the original author 🙈. This automation helps keep the issue tracker clean from issues that are unactionable. Please reach out if you have more information for us! 🙂