Hydration mismatches recover silently (no onRecoverableError / #418 equivalent)

Offen
#62 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
55/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Aktiv
Tech-Stack
react, typescript
Bereich
frontend, testing-qa

Rechercherichtung

Start by tracing Redact's hydration mismatch recovery path and compare it with React's onRecoverableError behavior. The issue does not name files or tests, so first locate the hydration implementation and its mismatch tests. Done means a deliberate server/client text mismatch produces a recoverable error signal while Redact still repairs the DOM.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Version: @tanstack/redact 0.2.0

With a deliberate text mismatch between server and client, React reports Minified React error #418 (and calls onRecoverableError), then re-renders. Redact repairs the DOM without any signal.

In one of our apps this hid an existing locale-detection bug: React reported #418 on every page, while under Redact there was no error at all.

Could Redact call onRecoverableError (or at least console.error in dev) when it recovers from a mismatch, so error tracking still sees them?

Vorherrschende Sprache
TypeScript
Sterne
537
Forks
22
Ø Merge
1 Std. 57 Min.
Gemergte PRs (30 T.)
20

Entwicklungsumgebung

Dieses Projekt bietet weder Dev-Container noch Dockerfile noch Beitragsleitfaden – die Einrichtung liegt bei Ihnen. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus TanStack/redact

Alle Issues in TanStack/redact

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.