const [width, setWidth] = useState<any>(getWindowSize().innerWidth);
function getWindowSize() {
const {innerWidth, innerHeight} = window;
return {innerWidth, innerHeight};
}
useEffect(() => {
function handleWindowResize() {
setWidth(getWindowSize().innerWidth);
}
window.addEventListener('resize', handleWindowResize);
return () => {
window.removeEventListener('resize', handleWindowResize);
};
}, []);
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter