I am making a website with a Navbar component at the very top of the site, I only want the Navbar to be there when the width of the window is > 900 pixels. I have tried how I usually conditionally render but it's not working, the navbar is always visible.

Here is my code

{window.screen.width > 900 && (
   <Navbar />
)}