React JS Error – No routes matched location "/"

It show white screen and console error ( No routes matched location "/" )

import {BrowserRouter as Router, Switch, Routes, Link} from 'react-router-dom'; 
import Home from './pages/Home';
import About from './pages/About';

function App(){
    return <>
            

            <Router>
            <Link to="/">Home</Link> 
            <Link to="/About">About</Link>

                <Routes path={'/'} elements={<Home />}  />
                <Routes path={'/About'} elements={<About />} />
            </Router>       
    </>;
}

export default App;

Please Help me. Thanx in Advance.

>Solution :

Try this:

import {
  BrowserRouter as Router,
  Routes,
  Route,
  Link
} from "react-router-dom";
import Home from "./pages/Home";
import About from "./pages/About";

function App() {
  return (
    <>
      <Router>
        <Link to="/">Home</Link>
        <Link to="/About">About</Link>

        <Routes>
          <Route index element={<Home />} />
          <Route path="About" element={<About />} />
        </Routes>
      </Router>
    </>
  );
}

export default App;