| 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;
|