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