Browser extension causes Hydration Error #3689
Description
Which project does this relate to?
Start
Describe the bug
A hydration error arises when users activate extensions that modify the HTML, like Grammarly.
There is a tweet from @tannerlinsley explaining how he solved this.
While not my favorite solution, it totally works and is easily encapsulated into TanStack Router/Start's APIs.
Shouldn't this error already be handled by Tanstack start? The app styles break when this error occurs
Thanks
Your Example Website or App
https://github.com/YerayMnopi/tanstack-start-browser-extension-hydration-error
Steps to Reproduce the Bug or Issue
- Create a tanstack start app
- Run app
- Activate Grammarly browser extension
- Reload
Expected behavior
As a user, I expect to be able to use browser extensions on apps that use tantstack start.
Screenshots or Videos
Platform
- OS: macOS 14.7.4 (23H420)
- Browser: Version 133.0.6943.142 (Official Build) (arm64)
- Version: 1.112.19
Additional context
No response