fix(hydration error): Set offsets when grabbing the HTML diff content…

… so we see the results of the render (#83522)
getsentry · Jan 15, 2025 · 6f8412f · 6f8412f
1 parent f561a7b
commit 6f8412f
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/static/app/components/replays/diff/replayTextDiff.tsx b/static/app/components/replays/diff/replayTextDiff.tsx
@@ -16,7 +16,10 @@ export function ReplayTextDiff() {
 
   const {data, isLoading} = useExtractPageHtml({
     replay,
-    offsetMsToStopAt: [leftOffsetMs, rightOffsetMs],
+    // Add 1 to each offset so we read the HTML just after the specified time
+    // and can therefore see the results of the mutations that happened at the
+    // requested times, instead of landing on those times directly.
+    offsetMsToStopAt: [leftOffsetMs + 1, rightOffsetMs + 1],
   });
 
   const [leftBody, rightBody] = useMemo(