Alternative for window for SSR Inertia

[keen zodiac]

`useEffect(() => {
const handleResize = () => {
if (window.innerWidth > 1023) {
setSideBarToggle(false);
}
};

    window.addEventListener('resize', handleResize);

    return () => {
        window.removeEventListener('resize', handleResize);
    };
}, []);

useEffect(() => {
    if (sideBarToggle) {
        document.body.style.overflow = 'hidden';
    } else {
        document.body.style.overflow = 'auto';
    }
}, [sideBarToggle]);`

How to alternative code for window like this code for SSR, because SSR cant use window

[candid tundra]

The best way to do this is through CSS

Where, by default it's open and if you want to close it, you just apply a display none

And you can show / hide it using breakpoints + an active class (or similar)

No need for weird js script