rename unescape to removeHighlightTags

packages/docsearch-react/src/DocSearchModal.tsx

@@ -20,7 +20,7 @@ import {
 import { useSearchClient } from './useSearchClient';
 import { useTouchEvents } from './useTouchEvents';
 import { useTrapFocus } from './useTrapFocus';
-import { groupBy, identity, noop, unescape } from './utils';
+import { groupBy, identity, noop, removeHighlightTags } from './utils';
 
 export interface DocSearchModalProps extends DocSearchProps {
   initialScrollY: number;
@@ -225,7 +225,7 @@ export function DocSearchModal({
               const hits = results[0].hits;
               const nbHits: number = results[0].nbHits;
               const sources = groupBy(hits, (hit) =>
-                unescape(hit.hierarchy.lvl0)
+                removeHighlightTags(hit.hierarchy.lvl0)
               );
 
               // We store the `lvl0`s to display them as search suggestions

packages/docsearch-react/src/ResultsScreen.tsx

@@ -4,7 +4,7 @@ import { SelectIcon, SourceIcon } from './icons';
 import { Results } from './Results';
 import { ScreenStateProps } from './ScreenState';
 import { InternalDocSearchHit } from './types';
-import { unescape } from './utils';
+import { removeHighlightTags } from './utils';
 
 type ResultsScreenProps = ScreenStateProps<InternalDocSearchHit>;
 
@@ -16,7 +16,7 @@ export function ResultsScreen(props: ResultsScreenProps) {
           return null;
         }
 
-        const title = unescape(
+        const title = removeHighlightTags(
           collection.items[0]._highlightResult.hierarchy_camel[0].lvl0.value
         );
 

packages/docsearch-react/src/utils/index.ts

@@ -1,4 +1,4 @@
 export * from './groupBy';
 export * from './identity';
 export * from './noop';
-export * from './unescape';
+export * from './removeHighlightTags';

packages/docsearch-react/src/utils/removeHighlightTags.ts

@@ -0,0 +1,8 @@
+const regexHighlightTags = /(<mark>|<\/mark>)/g;
+const regexHasHighlightTags = RegExp(regexHighlightTags.source);
+
+export function removeHighlightTags(value: string): string {
+  return value && regexHasHighlightTags.test(value)
+    ? value.replace(regexHighlightTags, '')
+    : value;
+}