change to more robust mobile check

tkhq · Dec 18, 2024 · 48f4669 · 48f4669
1 parent f52b04f
commit 48f4669
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/examples/react-components/src/app/page.tsx b/examples/react-components/src/app/page.tsx
@@ -71,14 +71,20 @@ export default function AuthPage() {
 
   useEffect(() => {
     const checkMobile = () => {
-      setIsMobile(window.innerWidth <= 768);
-      setShowContent(window.innerWidth > 768);
+      const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+      const mobileRegex =
+        /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i;
+      setIsMobile(mobileRegex.test(userAgent.toLowerCase()));
     };
     checkMobile();
     window.addEventListener("resize", checkMobile);
     return () => window.removeEventListener("resize", checkMobile);
   }, []);
-
+  useEffect(() => {
+    if (isMobile) {
+      setShowContent(false);
+    }
+  }, [isMobile]);
   useEffect(() => {
     const manageSession = async () => {
       if (turnkey) {