\n//
{`${elementSize.width}px/${elementSize.height}px`}
\n//
\n// );\n// };\n","import { useCallback, useState, useEffect } from 'react';\n\nexport default function useWindowSize() {\n const isClient = typeof window === 'object';\n function getSize() {\n return {\n width: isClient ? window.innerWidth : undefined,\n height: isClient ? window.innerHeight : undefined\n };\n }\n\n const [windowSize, setWindowSize] = useState(getSize);\n const handleResize = useCallback(() => {\n setWindowSize(getSize());\n // eslint-disable-next-line\n }, [])\n\n useEffect(() => {\n if (!isClient) {\n return false;\n }\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n // eslint-disable-next-line\n }, [handleResize]);\n\n return windowSize;\n}\n\n\n// Example Usage\n// -------------\n\n// import { useWindowSize } from './custom-hooks';\n\n// const Example = () => {\n// const size = useWindowSize();\n\n// return (\n//