From 4858f148d407f00655510e1545f91e625c908bf6 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Tue, 30 Jan 2024 16:01:14 -0800
Subject: [PATCH] Fix type issue

- FunctionComponent wants a JSX return, not a string
---
 src/components/highlight/_highlight_first.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/highlight/_highlight_first.tsx b/src/components/highlight/_highlight_first.tsx
index 93d1d92b276a..a1d7434cc762 100644
--- a/src/components/highlight/_highlight_first.tsx
+++ b/src/components/highlight/_highlight_first.tsx
@@ -38,7 +38,7 @@ export const HighlightFirst: FunctionComponent<_SharedSubcomponentProps> = memo(
 
     const indexOfMatch = normalizedSearchSubject.indexOf(normalizedSearchValue);
     if (indexOfMatch === -1) {
-      return searchSubject;
+      return <>{searchSubject}</>;
     }
 
     const preMatch = searchSubject.substring(0, indexOfMatch);