Add defaultValue parameter to useBreakpoint

Author: adamgraham

src/hooks/useBreakpoint.ts

@@ -4,22 +4,32 @@ import { useMediaQuery } from './useMediaQuery';
 import { BreakpointMinWidth, BreakpointMaxWidth } from '../enums';
 import type { BreakpointToken } from '../types';
 
-export function useBreakpoint(breakpoint: number | BreakpointToken): boolean {
+export function useBreakpoint(
+  breakpoint: number | BreakpointToken,
+  defaultValue?: boolean,
+): boolean {
   switch (typeof breakpoint) {
     case 'number':
-      return useMediaQuery(`(min-width: ${breakpoint}px)`);
+      return useMediaQuery(`(min-width: ${breakpoint}px)`, defaultValue);
     default:
-      return useMediaQuery(`(min-width: ${BreakpointMinWidth[breakpoint]}px)`);
+      return useMediaQuery(
+        `(min-width: ${BreakpointMinWidth[breakpoint]}px)`,
+        defaultValue,
+      );
   }
 }
 
 export function useBreakpointMax(
   breakpoint: number | BreakpointToken,
+  defaultValue?: boolean,
 ): boolean {
   switch (typeof breakpoint) {
     case 'number':
-      return useMediaQuery(`(max-width: ${breakpoint}px)`);
+      return useMediaQuery(`(max-width: ${breakpoint}px)`, defaultValue);
     default:
-      return useMediaQuery(`(max-width: ${BreakpointMaxWidth[breakpoint]}px)`);
+      return useMediaQuery(
+        `(max-width: ${BreakpointMaxWidth[breakpoint]}px)`,
+        defaultValue,
+      );
   }
 }