Necesito que redirija a mi pagina principal si la url esta mal, el problema debe estar en esta parte, porque antes usaba Redirect, pero en la nueva version de React es Navigate y no se si la forma de entrar cambió
import React from 'react'; import {Routes, Route, Navigate} from 'react-router-dom'; import {authRoutes, publicRoutes} from '../routes'; import { SHOP_ROUTE } from '../utils/consts'; const AppRouter = () => { const isAuth = false return ( <Routes> {isAuth && authRoutes.map(({path, Component}) => <Route key={path} path={path} element={<Component/>} exact/> )} {publicRoutes.map(({path, Component}) => <Route key={path} path={path} element={<Component/>} exact/> )} <Navigate to={SHOP_ROUTE}/> </Routes> ); }; export default AppRouter;Si incluye un componente <Route path="*" /> (como se muestra en los documentos ) al final de <Routes /> , se mostrará la última ruta cuando no se haya encontrado ninguna otra ruta.
import React from 'react'; import {Routes, Route, Navigate} from 'react-router-dom'; import {authRoutes, publicRoutes} from '../routes'; import { SHOP_ROUTE } from '../utils/consts'; const AppRouter = () => { const isAuth = false return ( <Routes> {isAuth && authRoutes.map(({path, Component}) => <Route key={path} path={path} element={<Component/>} exact/> )} {publicRoutes.map(({path, Component}) => <Route key={path} path={path} element={<Component/>} exact/> )} <Route path="*" element={<NotFound />} /> </Routes> ); }; export default AppRouter;