Всегда проблемы с роутерами. Ни один роутер не принимает детей

 render() {
        return (
            <Router>
                <Scene key = "root">
                    <Scene key = "home" component = {Home} title = "Home" initial = {true} />
                    <Scene key = "about" component = {About} title = "About" />
                </Scene>
            </Router>
        );
    }

import { Routes, Route } from 'react-router-dom'
 
import Home from './pages/Home'
import Blog from './pages/Blog'
import About from './pages/About'
import NotFound from './pages/NotFound'
 
function App() {
    return (
        <>
            <header>
                <a href="/">Home</a>
                <a href="/blog">Blog</a>
                <a href="/about">About</a>
            </header>
            <main>
                <Routes>
                    <Route path="/" element={<Home />} />
                    <Route path="/blog" element={<Blog />} />
                    <Route path="/about" element={<About />} />
                    <Route path="*" element={<NotFound />} />
                </Routes>
            </main>
            <footer>Copyright 2021</footer>
        </>
    )
}
 
export default App