vaibhavpandeyvpz · July 25, 2021 11:36 · Jul 25, 2021
diff --git a/useWindowSize.js b/useWindowSize.js
@@ -0,0 +1,26 @@
+import { useEffect, useState } from 'react';
+
+/**
+ * @return {{width: Number, height: Number}}
+ */
+function getWindowSize() {
+  return {
+    width: window.innerWidth,
+    height: window.innerHeight,
+  };
+}
+
+/**
+ * @return {{width: Number, height: Number}}
+ */
+function useWindowSize() {
+  const [size, setSize] = useState(getWindowSize());
+  useEffect(() => {
+    const listener = () => setSize(getWindowSize());
+    window.addEventListener('resize', listener);
+    return () => window.removeEventListener('resize', listener);
+  }, []);
+  return size;
+}
+
+export default useWindowSize;