title: Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>
body: <pre><code>    import Home from './pages/Home';
  import { BrowserRouter as Routes, Route} from 'react-router-dom';
  function App() {
    return ( 
      &lt;Routes&gt;
      &lt;div className=&quot;max-w-screen-md mx-auto pt-20&quot;&gt;
       &lt;Route exact path=&quot;/&quot; component={Home} /&gt;
      &lt;/div&gt;
      &lt;/Routes&gt;
      );
  }
  export default App;
  </code></pre>
  <p>Already i have many research and install many npm base code , but facing same problem (Error: A  is only ever to be used as the child of  element, never rendered directly. Please wrap your  in a ).</p>
  <p>Thanks and love from my heart for advanced.</p>