有人能帮我解决这个控制台错误吗？

Uncaught Error: [Navigate] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>

这是我正在尝试和挣扎的代码。代码：

import React from 'react';
import { Navigate, Route, Routes } from 'react-router-dom';
import './App.css';
import Blog from './pages/Blog';
import Home from './pages/Home';

const App = () => (
<div className='container'>
  <Routes>
    <Route path='/' exact component={Home} />
    <Route path='/blog/:id' component={Blog} />
    <Navigate to="/" replace={true} />
  </Routes>
   </div>
   );

export default App;