uikit-react-public 0.25.2 → 0.25.4

package/lib/components/MenuNew/index.ts

@@ -2,6 +2,7 @@ export { default } from './Menu';
 export type {
   MenuProps,
   MenuDividerProps,
+  MenuHeadProps,
   MenuHeadingProps,
   MenuSectionProps,
   MenuAccordionProps,

package/lib/hooks/useMediaQuery.ts

@@ -1,11 +1,23 @@
 import { useState, useEffect } from 'react';
 
+const getInitialMatch = (query: string): boolean => {
+  if (typeof window === 'undefined') return false;
+  if (typeof window.matchMedia !== 'function') return false;
+  return window.matchMedia(query).matches;
+};
+
 const useMediaQuery = (query: string): boolean => {
-  const [isQueryMatch, setIsQueryMatch] = useState<boolean>(false);
+  const [isQueryMatch, setIsQueryMatch] = useState<boolean>(() =>
+    getInitialMatch(query)
+  );
 
   useEffect(() => {
+    if (typeof window === 'undefined') return;
+    if (typeof window.matchMedia !== 'function') return;
+
     const mediaQueryList = window.matchMedia(query);
 
+    // Keep state in sync if query changes
     setIsQueryMatch(mediaQueryList.matches);
 
     const handleChange = (event: MediaQueryListEvent) => {

package/package.json

@@ -2,7 +2,7 @@
   "name": "uikit-react-public",
   "private": false,
   "license": "UNLICENSED",
-  "version": "0.25.2",
+  "version": "0.25.4",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",