Escape special characters in regex expression

Fix #1059
NASA-IMPACT · Oct 21, 2024 · 9c338ab · 9c338ab
1 parent 46e1c5d
commit 9c338ab
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/app/scripts/components/common/text-highlight.tsx b/app/scripts/components/common/text-highlight.tsx
@@ -22,7 +22,9 @@ export default function TextHighlight(props: TextHighlightProps) {
 
   // Highlight is done index based because it has to take case insensitive
   // searches into account.
-  const regex = new RegExp(value, 'ig');
+  const escapedValue = value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+  const regex = new RegExp(escapedValue, 'ig');
+
   /* eslint-disable-next-line prefer-const */
   let highlighted: ReactNode[] = [];
   let workingIdx = 0;