"use client"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; import { useEffect, useState } from "react"; import * as rdd from "react-device-detect"; import { useRouter } from "next/navigation"; import MobileNav from "@/lib/components/MobileNav"; const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"], }); const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"], }); export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { const router = useRouter(); const [isSafari, setIsSafari] = useState(false); const [isMobile, setIsMobile] = useState(false); useEffect(() => { setIsSafari(rdd.isSafari); setIsMobile(rdd.isMobile); }, []); useEffect(() => { }, [isMobile, isSafari, router]); return ( {children} {isMobile && ( )} ); }