Remove usehooks dep

In the end, only used one hook out of so many hooks

package-lock.json

@@ -15,7 +15,6 @@
         "@iconify-icons/mingcute": "~1.2.9",
         "@justinribeiro/lite-youtube": "~1.5.0",
         "@szhsin/react-menu": "~4.1.0",
-        "@uidotdev/usehooks": "~2.4.1",
         "compare-versions": "~6.1.0",
         "dayjs": "~1.11.11",
         "dayjs-twitter": "~0.5.0",
@@ -3886,19 +3885,6 @@
       "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
       "dev": true
     },
-    "node_modules/@uidotdev/usehooks": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/@uidotdev/usehooks/-/usehooks-2.4.1.tgz",
-      "integrity": "sha512-1I+RwWyS+kdv3Mv0Vmc+p0dPYH0DTRAo04HLyXReYBL9AeseDWUJyi4THuksBJcu9F0Pih69Ak150VDnqbVnXg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=16"
-      },
-      "peerDependencies": {
-        "react": ">=18.0.0",
-        "react-dom": ">=18.0.0"
-      }
-    },
     "node_modules/@vue/compiler-core": {
       "version": "3.2.45",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz",

package.json

@@ -17,7 +17,6 @@
     "@iconify-icons/mingcute": "~1.2.9",
     "@justinribeiro/lite-youtube": "~1.5.0",
     "@szhsin/react-menu": "~4.1.0",
-    "@uidotdev/usehooks": "~2.4.1",
     "compare-versions": "~6.1.0",
     "dayjs": "~1.11.11",
     "dayjs-twitter": "~0.5.0",

src/components/menu2.jsx

@@ -1,8 +1,8 @@
 import { Menu } from '@szhsin/react-menu';
-import { useWindowSize } from '@uidotdev/usehooks';
 import { useRef } from 'preact/hooks';
 
 import safeBoundingBoxPadding from '../utils/safe-bounding-box-padding';
+import useWindowSize from '../utils/useWindowSize';
 
 // It's like Menu but with sensible defaults, bug fixes and improvements.
 function Menu2(props) {

src/utils/useWindowSize.js

@@ -0,0 +1,28 @@
+import { useLayoutEffect, useState } from 'preact/hooks';
+
+export default function useWindowSize() {
+  const [size, setSize] = useState({
+    width: null,
+    height: null,
+  });
+
+  useLayoutEffect(() => {
+    const handleResize = () => {
+      setSize({
+        width: window.innerWidth,
+        height: window.innerHeight,
+      });
+    };
+
+    handleResize();
+    window.addEventListener('resize', handleResize, {
+      passive: true,
+    });
+
+    return () => {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+
+  return size;
+}