diff --git a/packages/hooks/src/useMediaQuery/useMediaQuery.js b/packages/hooks/src/useMediaQuery/useMediaQuery.js
index 30c4b7a3..96cbbb56 100644
--- a/packages/hooks/src/useMediaQuery/useMediaQuery.js
+++ b/packages/hooks/src/useMediaQuery/useMediaQuery.js
@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 
 export function useMediaQuery(query) {
-  const [matches, setMatches] = useState(() => typeof window !== 'undefined' && !!window.matchMedia(query).matches);
+  const [matches, setMatches] = useState(() => typeof window !== 'undefined' && !!window.matchMedia?.(query)?.matches);
 
   useEffect(() => {
     const media = window.matchMedia(query);