1 | import { useEffect, useState } from "react";
|
2 |
|
3 | const useWindowSize = () => {
|
4 | const [state, setState] = useState({
|
5 | width: window.innerWidth,
|
6 | height: window.innerHeight
|
7 | });
|
8 |
|
9 | useEffect(() => {
|
10 | const handler = () => {
|
11 | setState({
|
12 | width: window.innerWidth,
|
13 | height: window.innerHeight
|
14 | });
|
15 | };
|
16 | window.addEventListener("resize", handler);
|
17 | return () => window.removeEventListener("resize", handler);
|
18 | }, []);
|
19 |
|
20 | return state;
|
21 | };
|
22 |
|
23 | export default useWindowSize;
|