19 lines
498 B
TypeScript
19 lines
498 B
TypeScript
import { useEffect, useState } from 'react';
|
|
|
|
const useViewport = (threshold = 1024) => {
|
|
const [isSmallViewport, setIsSmallViewport] = useState(window.innerWidth < threshold);
|
|
|
|
useEffect(() => {
|
|
const handleResize = () => setIsSmallViewport(window.innerWidth < threshold);
|
|
window.addEventListener('resize', handleResize);
|
|
|
|
return () => {
|
|
window.removeEventListener('resize', handleResize);
|
|
};
|
|
}, [threshold]);
|
|
|
|
return isSmallViewport;
|
|
};
|
|
|
|
export default useViewport;
|