خطأ  A Route is only ever to be used as the child of element في React.js؟

أحاول إستعمال مكتبة React-router لإضافة ميزة التنقل بين الصفحات في أحد مشاريع React.js ولكن عندما قمت بإنشاء بعض المسارات Routes ظهر لي الخطأ التالي:

Error: A Route is only ever to be used as the child of element, never rendered directly. Please wrap your Route in a Routes.

لم أفهم سبب الخطأ، وما معني "wrap your Route in a Routes" 

هنا الكود الخاص بي:

import { Route } from "react-router-dom";

function App() {
    return (
        <div>
            <Route path = "/">
              <div>Home Page</div>
            </Route>
            <Route path = "/about">
                <div>About Us Page</div>
            </Route>
        </div>
    );
}

export default App;

وقمت بالتأكد من إضافة BrowserRouter إلى المشروع:

import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import App from "./App";

ReactDOM.render(
    <BrowserRouter>
        <App />
    </BrowserRouter>,
    document.getElementById('root')
);