@sikka/hawa 0.0.140 → 0.0.141

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.0.140",
+  "version": "0.0.141",
   "description": "UI Kit",
   "main": "lib/index.js",
   "module": "es/index.es.js",

package/src/hooks/useBreakpoint.ts

@@ -1,16 +1,21 @@
 import { useState, useEffect } from "react"
 
 const useBreakpoint = () => {
+  console.log("window is ")
   const [breakpoint, setBreakpoint] = useState(window?.innerWidth)
   const resize = () => {
     setBreakpoint(window?.innerWidth)
   }
 
   useEffect(() => {
-    window?.addEventListener("resize", resize)
-
-    return () => {
-      window?.removeEventListener("resize", resize)
+    if (typeof window !== "undefined") {
+      // Client-side-only code
+      
+      window?.addEventListener("resize", resize)
+  
+      return () => {
+        window?.removeEventListener("resize", resize)
+      }
     }
   }, [])
 

package/src/layout/HawaAppLayout.tsx

@@ -31,7 +31,12 @@ export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = (
   const { isOpen, onClose, onOpen } = useDiscloser(false)
   const ref = useRef(null)
 
-  const size = useBreakpoint()
+  let size
+  if (typeof window !== "undefined") {
+    size = useBreakpoint()
+  } else {
+    size = 1200
+  }
   console.log("size is ", size)
   useEffect(() => {
     const handleClickOutside = (event) => {