Remove state management

Author: mdingena

src/useBreakpoints.js

@@ -1,4 +1,3 @@
-import { useState, useLayoutEffect } from 'react';
 import { useResizeObserverEntry } from './useResizeObserverEntry';
 
 const boxOptions = {
@@ -45,9 +44,6 @@ const useBreakpoints = ({
 }, injectResizeObserverEntry = undefined) => {
   const resizeObserverEntry = useResizeObserverEntry(injectResizeObserverEntry);
 
-  const [width, setWidth] = useState(undefined);
-  const [height, setHeight] = useState(undefined);
-
   let entryBox, entryWidth, entryHeight;
 
   if (resizeObserverEntry) {
@@ -76,12 +72,10 @@ const useBreakpoints = ({
     }
   }
 
-  useLayoutEffect(() => {
-    setWidth(findBreakpoint(widths, entryWidth));
-    setHeight(findBreakpoint(heights, entryHeight));
-  }, [widths, entryWidth, heights, entryHeight]);
+  const widthMatch = findBreakpoint(widths, entryWidth);
+  const heightMatch = findBreakpoint(heights, entryHeight);
 
-  return [width, height];
+  return [widthMatch, heightMatch];
 };
 
 export { useBreakpoints };