Skip to content

Commit e98a342

Browse files
committed
Add useWindowInnerSize utiliy hook
1 parent 19930fe commit e98a342

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

src/tools/useWindowInnerSize.ts

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import { useEffect, useReducer } from "react";
2+
3+
export function useWindowInnerSize() {
4+
const [, triggerRerender] = useReducer(() => ({}), {});
5+
6+
useEffect(() => {
7+
const handleResize = () => triggerRerender();
8+
9+
window.addEventListener("resize", handleResize);
10+
11+
return () => window.removeEventListener("resize", handleResize);
12+
}, []);
13+
14+
return {
15+
"windowInnerWidth": window.innerWidth,
16+
"windowInnerHeight": window.innerHeight
17+
};
18+
}

0 commit comments

Comments
 (0)