ReactJS / JavaScript - автоматическая перезагрузка страницы в зависимости от размера экрана

Question

Я хотел бы автоматически перезагрузить страницу ОДИН РАЗ, в зависимости от размера экрана.

Например, если я перехожу с настольного компьютера на мобильный телефон, он обновляется один раз, а если я перехожу с мобильного телефона на рабочий стол, он обновляется один раз и т. Д.

Вот мой код:

class IndexPage extends Component {
constructor (props) {
    super(props)
    this.state = {
        loading: true,
        reload: true
    }
}

UNSAFE_componentWillMount() {
        setTimeout(() => {
            this.setState({
                loading: false,
            })
        }, 2000);
}
reload = () =>
{
    this.setState({ reload: false});
    window.location.reload()
}

render () {
    let width = window.innerWidth;

    if (this.state.loading) {
        return <Loading />
    }


   if (width < 1024 && this.state.reload) {
     this.reload()
     this.setState({ reload: false});
   } else {
     this.reload()
     this.setState({ reload: false});
   }

    return (
        <Fragment>
        {
            width < 1024 ?
            <div>
              Mobile
            </div
            :
              <div>
              Desktop
             </div>
        }
        </Fragment>
    )
}

}