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 1/2] 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>

From 30ccd9f596ae775c32be1b477132b376abd3994b Mon Sep 17 00:00:00 2001
From: Gianni Ferullo <giannif@gmail.com>
Date: Mon, 11 Dec 2023 15:16:42 -0500
Subject: [PATCH 2/2] changeset

---
 .changeset/hip-monkeys-notice.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/hip-monkeys-notice.md

diff --git a/.changeset/hip-monkeys-notice.md b/.changeset/hip-monkeys-notice.md
new file mode 100644
index 00000000..1784d532
--- /dev/null
+++ b/.changeset/hip-monkeys-notice.md
@@ -0,0 +1,5 @@
+---
+'@giphy/react-components': patch
+---
+
+fix ssr hydration warning in styled component