如何根据设备尺寸阻止react-route

@media (max-width: 768px) {
  .router-container {
    display: none;
  }
}

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

const App = () => {
  const isMobile = window.innerWidth <= 768;

  return (
    <div>
      {isMobile ? (
        <p>Please use a larger device to view this content.</p>
      ) : (
        <Router>
          <Switch>
            <Route exact path="/" component={Home} />
            <Route path="/about" component={About} />
            <Route path="/contact" component={Contact} />
          </Switch>
        </Router>
      )}
    </div>
  );
};

export default App;