Sort matches before highlighting text

PROCEED-Labs · Nov 23, 2023 · 80c8990 · 80c8990
1 parent 3429919
commit 80c8990
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/management-system-v2/lib/useFuzySearch.tsx b/src/management-system-v2/lib/useFuzySearch.tsx
@@ -20,7 +20,9 @@ function highlightText<TObj>(
 
   const result: JSX.Element[] = [];
   let lastIndex = 0;
-  for (const [start, end] of matches.indices) {
+  const sortedMatches = matches.indices.toSorted((a, b) => a[0] - b[0]);
+
+  for (const [start, end] of sortedMatches) {
     if (lastIndex < start)
       result.push(<span key={lastIndex}>{value.slice(lastIndex, start)}</span>);