diff --git a/services/web/frontend/js/features/history/components/diff-view/diff-view.tsx b/services/web/frontend/js/features/history/components/diff-view/diff-view.tsx
index 02e0045423..82695a8189 100644
--- a/services/web/frontend/js/features/history/components/diff-view/diff-view.tsx
+++ b/services/web/frontend/js/features/history/components/diff-view/diff-view.tsx
@@ -1,4 +1,4 @@
-import { useEffect } from 'react'
+import { useEffect, useMemo } from 'react'
 import Toolbar from './toolbar/toolbar'
 import Main from './main'
 import { Diff, DocDiffResponse } from '../../services/types/doc'
@@ -53,18 +53,22 @@ function DiffView() {
     handleError,
   ])
 
-  let diff: Diff | null
+  const diff = useMemo(() => {
+    let diff: Diff | null
 
-  if (!data?.diff) {
-    diff = null
-  } else if ('binary' in data.diff) {
-    diff = { binary: true }
-  } else {
-    diff = {
-      binary: false,
-      docDiff: highlightsFromDiffResponse(data.diff, t),
+    if (!data?.diff) {
+      diff = null
+    } else if ('binary' in data.diff) {
+      diff = { binary: true }
+    } else {
+      diff = {
+        binary: false,
+        docDiff: highlightsFromDiffResponse(data.diff, t),
+      }
     }
-  }
+
+    return diff
+  }, [data, t])
 
   return (
     <div className="doc-panel">