React-router-dom Redirect не работает - показывает ошибку

Question

Мое приложение «Реакция» не работает. Он показывает ошибку

Ошибка типа: path_to_regexp__WEBPACK_IMPORTED_MODULE_8 ___ default.a.compile не является функцией

Проверить изображение

---

Я не уверен, зачем показывать эту проблему с реакцией router-dom

Проверьте мой код

Этот код показывает ошибку

---

import React from 'react'
import DefaultLayout from './Component/Layout/DefaultLayout';
import DefaultLogin from './Component/Login/DefaultLogin';
import DefaultSignup from './Component/Sign-up/DefaultSignup';



// react-router-dom

import { BrowserRouter as Router, Route, Switch, Redirect } from "react-router-dom";


// bootstrap css
import 'bootstrap/dist/css/bootstrap.min.css';

// css for global 
import './App.scss';


export default function App() {
    return (
        <>
            <Router>   

                <Switch> 
                        <Route path="/admin" exact component={DefaultLayout} />
                        <Route path="/admin/signup"  component={DefaultSignup} />
                        <Route path="/admin/login"  component={DefaultLogin} />
                        <Redirect from="/" to="/admin" />
                </Switch> 


            </Router>            
        </>
    )
}

---

проверьте мой код

Этот код не показывает ошибку, но остальные приложения не работают , потому что я используйте Redirect , из Switch компонент

---

export default function App() {
    return (
        <>
            <Router>   

                <Switch> 
                        <Route path="/admin" exact component={DefaultLayout} />
                        <Route path="/admin/signup"  component={DefaultSignup} />
                        <Route path="/admin/login"  component={DefaultLogin} />

                </Switch> 

                {/* this show not error but rest app not work proper */}
                   <Redirect from="/" to="/admin" />

            </Router>            
        </>
    )
}