Easier debugging of hydration mismatch
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 21.8k
- Forks
- 1.1k
- Avg merge
- 18h 25m
- Merged PRs (30d)
- 2
Description
### Should this be an RFC?
- [x] This is not a substantial change
### Which package is this a feature request for?
SSR (@lit-labs/ssr)
### Description
When a hydration mismatch happens, it would be nice to have a more meaningful error in the console. It should at least mention what is the DOM element where the issue occurred
### Alternatives and Workarounds
Can't think of any right now
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start in the SSR (@lit-labs/ssr) hydration mismatch handling and reproduce a mismatch to inspect the current console error. Identify the DOM element associated with the failure and make the reported error include it. Done means the console message provides meaningful element context when hydration mismatches occur.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100