docs: fix search regex escaping

Net-Slayer · Nov 8, 2023 · f90f805 · f90f805
1 parent 27b6112
commit f90f805
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/docs/src/components/layout/search/SearchModal.tsx b/packages/docs/src/components/layout/search/SearchModal.tsx
@@ -104,11 +104,11 @@ const SearchModal: FC<SearchModalProps> = ({ open, onClose, searchablePages }) =
  setSearch(event.target.value);
  }, []);
 
- const searchResults = useSearchScores(search, searchablePages);
+ const escapedSearch = useMemo(() => escapeRegExp(search), [search]);
 
- const renderedResults = useMemo(() => {
- const escapedSearch = escapeRegExp(search);
+ const searchResults = useSearchScores(escapedSearch, searchablePages);
 
+ const renderedResults = useMemo(() => {
  return searchResults?.length > 0 ? (
  [...Array<unknown>(SEARCH_RESULTS_TO_SHOW)].map((_, index) => {
  if (searchResults.length <= index) {
@@ -203,7 +203,7 @@ const SearchModal: FC<SearchModalProps> = ({ open, onClose, searchablePages }) =
  </StyledSuggestionSection>
  </StyledSuggestions>
  );
- }, [handleClose, search, searchResults, theme.palette.primary.main]);
+ }, [escapedSearch, handleClose, searchResults, theme.palette.primary.main]);
 
  return (
  <StyledDialog open={open} onClose={handleClose} fullScreen={fullScreen} fullWidth>