move snapshot function from component

pataar · pataar · commit 7732c0ca9122 · 2025-10-13T19:47:48.000Z
diff --git a/resources/js/hooks/use-mobile.tsx b/resources/js/hooks/use-mobile.tsx
@@ -12,9 +12,10 @@ function mediaQueryListener(callback: (event: MediaQueryListEvent) => void) {
     };
 }
 
+function isSmallerThanBreakpoint() {
+    return window.innerWidth < MOBILE_BREAKPOINT;
+}
+
 export function useIsMobile() {
-    return useSyncExternalStore(
-        mediaQueryListener,
-        () => window.innerWidth < MOBILE_BREAKPOINT,
-    );
+    return useSyncExternalStore(mediaQueryListener, isSmallerThanBreakpoint);
 }

Original file line number	Diff line number	Diff line change
`@@ -12,9 +12,10 @@ function mediaQueryListener(callback: (event: MediaQueryListEvent) => void) {`
`12`	`12`	`};`
`13`	`13`	`}`
`14`	`14`
	`15`	`+function isSmallerThanBreakpoint() {`
	`16`	`+ return window.innerWidth < MOBILE_BREAKPOINT;`
	`17`	`+}`
	`18`	`+`
`15`	`19`	`export function useIsMobile() {`
`16`		`- return useSyncExternalStore(`
`17`		`- mediaQueryListener,`
`18`		`- () => window.innerWidth < MOBILE_BREAKPOINT,`
`19`		`- );`
	`20`	`+ return useSyncExternalStore(mediaQueryListener, isSmallerThanBreakpoint);`
`20`	`21`	`}`