fix: missing dependencies

wintercounter · May 15, 2020 · cbf6f3a · cbf6f3a
1 parent a9733e4
commit cbf6f3a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/story.tsx b/src/story.tsx
@@ -22,6 +22,8 @@ storiesOf('Hooks|useBreakpoint', module).add(
             ['large', 'is large']
         ])
 
+        console.log(useBreakpoint())
+
         return <div>
             Example code
             <pre>{`const value = useBreakpoint('none', [

diff --git a/src/useBreakpoint.ts b/src/useBreakpoint.ts
@@ -67,13 +67,13 @@ let cachedIh = getInnerHeight()
 export function useBreakpoint(defaultValue: any, breakpointValues: any[]): any
 export function useBreakpoint(): { [key: string]: boolean }
 export function useBreakpoint(defaultValue?, breakpointValues?) {
-    const [[innerWidth, innerHeight], setInnerWidth] = useState(cachedIw)
+    const [[innerWidth, innerHeight], setInnerWidth] = useState([cachedIw, cachedIh])
     useResize(() => {
         cachedIw = getInnerWidth()
         cachedIh = getInnerHeight()
         setInnerWidth([cachedIw, cachedIh])
     })
-    return useMemo(() => calculateValue(defaultValue, breakpointValues, innerWidth, innerHeight), [innerWidth, defaultValue])
+    return useMemo(() => calculateValue(defaultValue, breakpointValues, innerWidth, innerHeight), [innerWidth, innerHeight, defaultValue])
 }
 
 export default useBreakpoint