From 6783a923604672ab2e0e032d98f8855bc9d50f42 Mon Sep 17 00:00:00 2001
From: Gianni Ferullo <giannif@gmail.com>
Date: Mon, 11 Dec 2023 15:15:00 -0500
Subject: [PATCH] ssr: fix styled components hyrdation warning it seems to be
 caused by keyframe animations

---
 .../src/components/search-bar/search-button.tsx             | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/src/components/search-bar/search-button.tsx b/packages/react-components/src/components/search-bar/search-button.tsx
index 843bf49c..33798f81 100644
--- a/packages/react-components/src/components/search-bar/search-button.tsx
+++ b/packages/react-components/src/components/search-bar/search-button.tsx
@@ -121,11 +121,11 @@ const SearchButton = ({ onClick }: Props) => {
     const throttledFetch = useThrottle(isFetching, 1000)
     return (
         <Container onClick={() => onClick?.()}>
-            <GradientBox />
+            <GradientBox suppressHydrationWarning />
             <SearchIcon />
             {throttledFetch && (
-                <Fx>
-                    <Scanner />
+                <Fx suppressHydrationWarning>
+                    <Scanner suppressHydrationWarning />
                 </Fx>
             )}
         </Container>