fix: add a browser checkpoint

Author: thebiltheory

.vscode/settings.json

@@ -0,0 +1,2 @@
+{
+}

src/utils/isBrowser.ts

@@ -0,0 +1 @@
+export const isBrowser = typeof window !== 'undefined'

src/utils/makeMediaQueryList.ts

@@ -1,6 +1,11 @@
+import { isBrowser } from './isBrowser'
+
 export default function makeMediaQueryList(breakpoints: number[]) {
   return breakpoints.map((breakpoint: number, index: number) => {
     const maxWidth = breakpoints[index + 1]
+
+    if (!isBrowser) return
+
     return window.matchMedia(
       `(min-width: ${breakpoint}px) ${
         maxWidth ? `and (max-width: ${maxWidth - 1}px)` : ''