clash-verge-rev/src/components/proxy/use-window-width.ts
2022-12-14 15:07:51 +08:00

17 lines
416 B
TypeScript

import { useEffect, useState } from "react";
export const useWindowWidth = () => {
const [width, setWidth] = useState(() => document.body.clientWidth);
useEffect(() => {
const handleResize = () => setWidth(document.body.clientWidth);
window.addEventListener("resize", handleResize);
return () => {
window.removeEventListener("resize", handleResize);
};
}, []);
return { width };
};