move server snapshot outside of the hook to use the same reference.

Author: Manavsaliya

resources/js/hooks/use-mobile.tsx

@@ -15,14 +15,16 @@ function mediaQueryListener(callback: (event: MediaQueryListEvent) => void) {
     };
 }
 
-function isSmallerThanBreakpoint() {
+function isSmallerThanBreakpoint(): boolean {
     return mql()?.matches || false;
 }
 
+const getServerSnapshot = (): boolean => false;
+
 export function useIsMobile() {
     return useSyncExternalStore(
         mediaQueryListener,
         isSmallerThanBreakpoint,
-        () => false,
+        getServerSnapshot,
     );
 }