hydration error

src/components/CookieBanner.tsx

@@ -31,12 +31,12 @@ export default function CookieBanner() {
     setShowBanner(false);
   };
 
-  if (!showBanner) return null;
-
   return (
-    <>
-      {/* Cookie Banner - Bottom Left Corner */}
-      <div className="fixed bottom-4 left-4 z-50 max-w-md animate-slide-in">
+    <div suppressHydrationWarning>
+      {showBanner && (
+        <>
+          {/* Cookie Banner - Bottom Left Corner */}
+          <div className="fixed bottom-4 left-4 z-50 max-w-md animate-slide-in">
         <div className="bg-white rounded-lg shadow-2xl border border-gray-200 p-6">
           <div className="flex items-start gap-3 mb-4">
             <div className="flex-shrink-0">
@@ -111,6 +111,8 @@ export default function CookieBanner() {
           animation: slide-in 0.4s ease-out;
         }
       `}</style>
-    </>
+        </>
+      )}
+    </div>
   );
 }