How to change content based on browser width without page reload?

Question

React

I need the content to turn into a slider based on the width of the window
but that doesn't work without reloading the page, is there another way?

{window.innerWidth <= 690 ? (<h1>Lorem 1</h1>):(<h1>Lorem 2</h1>)}

Answer 1

Hold