hooks-me
Version:
<div align="center"> <h1>hooks-me</h1> <div>React useful hooks.</div>
19 lines (18 loc) • 621 B
JavaScript
import { useEffect, useState } from "react";
var useWindowSize = function () {
var _a = useState({
width: window.innerWidth,
height: window.innerHeight,
}), windowSize = _a[0], setWindowSize = _a[1];
var callback = function () {
setWindowSize({ width: window.innerWidth, height: window.innerHeight });
};
useEffect(function () {
window.addEventListener("resize", callback);
return function () {
window.removeEventListener("resize", callback);
};
}, []);
return [windowSize.width, windowSize.height];
};
export default useWindowSize;