diff --git a/examples/demo/src/App.js b/examples/demo/src/App.js
index 1800ed701..0c94bd7cc 100644
--- a/examples/demo/src/App.js
+++ b/examples/demo/src/App.js
@@ -9,9 +9,9 @@ function App() {
     <div>
       <h1>DocSearch v3 - React</h1>
       <DocSearch
-        indexName="docsearch"
-        appId="R2IYF7ETH7"
-        apiKey="599cec31baffa4868cae4e79f180729b"
+        indexName="vuejs"
+        appId="ML0LEBN7FQ"
+        apiKey="21cf9df0734770a2448a9da64a700c22"
         insights
       />
     </div>
diff --git a/packages/docsearch-react/src/utils/removeHighlightTags.ts b/packages/docsearch-react/src/utils/removeHighlightTags.ts
index 5ba739286..e2c553afd 100644
--- a/packages/docsearch-react/src/utils/removeHighlightTags.ts
+++ b/packages/docsearch-react/src/utils/removeHighlightTags.ts
@@ -12,13 +12,15 @@ export function removeHighlightTags(
     return hit.hierarchy.lvl0;
   }
 
-  const { value } =
-    (internalDocSearchHit.__docsearch_parent
-      ? internalDocSearchHit.__docsearch_parent?._highlightResult?.hierarchy
-          ?.lvl0
-      : hit._highlightResult?.hierarchy?.lvl0) || {};
+  const lvl0 = internalDocSearchHit.__docsearch_parent
+    ? internalDocSearchHit.__docsearch_parent?._highlightResult?.hierarchy?.lvl0
+    : hit._highlightResult?.hierarchy?.lvl0;
 
-  return value && regexHasHighlightTags.test(value)
-    ? value.replace(regexHighlightTags, '')
-    : value;
+  if (!lvl0) {
+    return hit.hierarchy.lvl0;
+  }
+
+  return lvl0.value && regexHasHighlightTags.test(lvl0.value)
+    ? lvl0.value.replace(regexHighlightTags, '')
+    : lvl0.value;
 }