From 15bd2636b2f8735ef03ef923014e61a20271880c Mon Sep 17 00:00:00 2001
From: KrazyManJ <KrazyManJ@gmail.com>
Date: Mon, 15 Dec 2025 00:39:14 +0100
Subject: [PATCH] Fixed firefox to fallback to backdrop blur

---
 src/index.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/index.tsx b/src/index.tsx
index a0e6b72..9a87989 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -177,7 +177,12 @@ const GlassContainer = forwardRef<
     const filterId = useId()
     const [shaderMapUrl, setShaderMapUrl] = useState<string>("")
 
-    const isFirefox = navigator.userAgent.toLowerCase().includes("firefox")
+    const [isFirefox, setIsFirefox] = useState(false)
+
+    useEffect(() => {
+      const navigatorIsFirefox = navigator.userAgent.toLowerCase().includes("firefox")
+      setIsFirefox(navigatorIsFirefox)
+    }, [])
 
     // Generate shader displacement map when in shader mode
     useEffect(() => {