Hola, soy Tanbhir Hossain, estoy tratando de convertir plantillas HTML para reaccionar js. El problema está en React Router.

Cuando hago clic en cualquier página, solo se muestra la carga previa hasta que se actualice manualmente la página. Cuando Actualizar la página, se muestra finamente. Ahora quiero deshacerme de este problema.

aquí está mi RouterPage.js

 import React, { Component } from 'react'; import {BrowserRouter as Router, Routes, Route} from 'react-router-dom' import Home from './Home'; import About from './About'; import Contact from './Contact'; class RouterPage extends Component { render() { return ( <div> <Router> <Routes> <Route path='/' element={< Home />} /> <Route path='/about' element={< About />}/> <Route path='/contact' element={< Contact />}/> </Routes> </Router> </div> ); } } export default RouterPage;

Aquí está mi enlace

 <Link to={'/about' } data-toggle="dropdown" className="dropdown-toggle nav__item-link">About Us</Link>

Cuando hago clic en este enlace, la precarga se está cargando por tiempo ilimitado

Cuando actualizo manualmente la página, funciona correctamente