title: export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
body: <p>I am getting this error <code>export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'</code> on updating my react-router-dom to 6.2.1.</p>
  <p>Here is my Main.jsx</p>
  <pre><code>export default function Main(props) {
    const classes = useStyles();
  
    return (
      &lt;main className={classes.content}&gt;
        &lt;div className={classes.appBarSpacer} /&gt;
        &lt;Container maxWidth=&quot;lg&quot; className={classes.container}&gt;
          &lt;Grid container spacing={3}&gt;
            &lt;Grid item xs={12}&gt;
              &lt;Paper className={classes.paper}&gt;
                &lt;Switch&gt;
                  {routes.map((route, key) =&gt; (
                    &lt;Route key={key} exact path={route.path}&gt;
                      &lt;route.Content /&gt;
                    &lt;/Route&gt;
                  ))}
                &lt;/Switch&gt;
              &lt;/Paper&gt;
            &lt;/Grid&gt;
          &lt;/Grid&gt;
          &lt;Box pt={4}&gt;
            &lt;Copyright /&gt;
          &lt;/Box&gt;
        &lt;/Container&gt;
      &lt;/main&gt;
    );
  }
  
  </code></pre>
  <p>I have tried replacing the Switch with Routes but that breaks my frontend. What should I do?</p>
  <p>Help would be much appreciated.</p>
  <p>Thank you!</p>