🐛 Fix setMatches hook in useMediaQuery by defining getMatches before …

…use (#494)

* Fix setMatches hook by defining getMatches before use

* Add changelog

* Update priority

.changeset/real-foxes-fold.md

@@ -0,0 +1,5 @@
+---
+"usehooks-ts": patch
+---
+
+Fix setMatches hook in useMediaQuery by defining getMatches before use

packages/usehooks-ts/src/useMediaQuery/useMediaQuery.ts

@@ -51,20 +51,20 @@ export function useMediaQuery(
       ? undefined
       : options?.initializeWithValue ?? undefined
 
-  const [matches, setMatches] = useState<boolean>(() => {
-    if (initializeWithValue) {
-      return getMatches(query)
-    }
-    return defaultValue
-  })
-
   const getMatches = (query: string): boolean => {
     if (IS_SERVER) {
       return defaultValue
     }
     return window.matchMedia(query).matches
   }
 
+  const [matches, setMatches] = useState<boolean>(() => {
+    if (initializeWithValue) {
+      return getMatches(query)
+    }
+    return defaultValue
+  })
+
   /** Handles the change event of the media query. */
   function handleChange() {
     setMatches(getMatches(query))