move var into function

bruceharrison1984 · Jan 11, 2023 · 413c9b6 · 413c9b6
1 parent cf4d9af
commit 413c9b6
Showing 1 changed file with 8 additions and 11 deletions.
diff --git a/packages/Schedulely/src/providers/BreakPointProvider.tsx b/packages/Schedulely/src/providers/BreakPointProvider.tsx
@@ -25,21 +25,18 @@ export const BreakpointProvider = ({
   containerRef: React.MutableRefObject<null>;
   children: ReactNode;
 }) => {
-  const breakpoints = { small: 500, large: 800 };
   const [breakpoint, setBreakpoint] = useState<ComponentSize | undefined>();
   const resizeObserver = useRef<ResizeObserver | undefined>();
 
-  const onResize: ResizeObserverCallback = useCallback(
-    (entries) => {
-      const { width } = entries[0].contentRect;
+  const onResize: ResizeObserverCallback = useCallback((entries) => {
+    const breakpoints = { small: 500, large: 800 };
+    const { width } = entries[0].contentRect;
 
-      if (width <= breakpoints.small) setBreakpoint('small');
-      if (width > breakpoints.small && width < breakpoints.large)
-        setBreakpoint('medium');
-      if (width >= breakpoints.large) setBreakpoint('large');
-    },
-    [breakpoints.large, breakpoints.small]
-  );
+    if (width <= breakpoints.small) setBreakpoint('small');
+    if (width > breakpoints.small && width < breakpoints.large)
+      setBreakpoint('medium');
+    if (width >= breakpoints.large) setBreakpoint('large');
+  }, []);
 
   useEffect(() => {
     resizeObserver.current = new ResizeObserver(onResize);