tengo un inconveniente no se si alguien pudiera ayudarme esta es mi pagina y cuando voy a las rutas me cargan perfecto los componentes pero al dar al boton refrescar
y dar al boton refrescar pagina me sale
import './api.css'; import './App.css'; import React, { useEffect , Suspense} from 'react'; import { Inicio } from './components/Inicio' import { NavBar } from './components/layout/NavBar'; import { Footer } from './components/layout/Footer'; import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; import store from './store'; import { loadUser } from './actions/user_actions'; import ProtectedRoutes from './routes/Protected_routes';
// Componentes dinámicos const Banner = React.lazy(() => import('./components/banner')); const AboutUs = React.lazy(() => import('./components/abouts_us')); const Services = React.lazy(() => import('./components/services/services')); const ServiceDetails = React.lazy(() => import('./components/services/service_details')); const Login = React.lazy(() => import('./components/users/login')); const Register = React.lazy(() => import('./components/users/register')); const Profile = React.lazy(() => import('./components/users/profile')); const UpdateProfile = React.lazy(() => import('./components/users/updateProfile')); const UpdatePassword = React.lazy(() => import('./components/users/updatePassword')); const ForgotPassword = React.lazy(() => import('./components/users/forgotPassword')); const ResetPassword = React.lazy(() => import('./components/users/resetPassword')); const Reviews = React.lazy(() => import('./components/reviews/reviews')); const Comentarios = React.lazy(() => import('./components/reviews/comentarios')); const Dashboard = React.lazy(() => import('./components/admin/dashboard')); const ServiceList = React.lazy(() => import('./components/admin/serviceList')); const NewService = React.lazy(() => import('./components/admin/service_new')); const UpdateService = React.lazy(() => import('./components/admin/updateService')); const SubcategorieNew = React.lazy(() => import('./components/admin/subcategorie_new')); const UpdateProduct = React.lazy(() => import('./components/admin/updateProduct')); const UserList = React.lazy(() => import('./components/admin/UserList')); const UpdateUser = React.lazy(() => import('./components/admin/updateUser')); const Employee = React.lazy(() => import('./components/admin/employee')); const ListReviews= React.lazy(()=> import('./components/admin/listReviews')) function App() { useEffect(() => { store.dispatch(loadUser()) }, []) return ( <Suspense fallback={
loading
}> <Route path='/' element={}> <Route path='/home' element={}> <Route path='/banner' element={}> <Route path='/about' element={}> <Route path='/services' element={}> <Route path='/service/:id' element={}> <Route path='/login' element={}> <Route path='/register' element={}> <Route path='/MyProfile' element={}> <Route path='/MyProfile/update' element={}> <Route path='/MyProfile/updatePassword' element={}> <Route path='/forgotPassword' element={}> <Route path='/resetPassword/:token' element={}> <Route path='/reviews' element={}> <Route path='/comentarios' element={}>
Si alguien me pudiera ayudar