I created a React 18 app that uses React Router 6 <body class="h-full"> <div id="root"></div> <script src="/src/main.tsx" type="module"></script> </body> </html> main.tsx: const container = document.getElementById('root') const root = createRoot(container) root.render( <React.StrictMode> <BrowserRouter basename={'/'}> <Routes> <Route path="/" element={<Shell />} /> </Routes>…
I'm using react with VITE and react-router-dom Hosting the react application locally works very well, if it hosted on any online hosts services like NETLIFY, VERCEL or HOSTINGER also works great but if I passed to a new routed page…
On the React project I'm currently working on I am using Vivus to animate svg images and so far it is working on all my pages. This changed once I added a nested url routes... Vivus works ... http://localhost:3000/market-applications Vivus…
I am trying to create a fully protected React application. Only Login page should be available without login. However it has a completely different layout than rest of the application. I am using simply <Outlet /> for rendering the app…
When go to page from focused page to all inbox page from by history.push("/Allinbox") the entire application is loading. I want that its goes from one route to another without refreshing the project. This is how my routes are: App.js…
There is only one component in my program for home page <Headline/> which is showing and rest are not. Here is the code given below: import React from 'react' import Navbar from './components/Navbar'; import About from './components/About'; import Headline from…
I use react-router-dom in my react application like this: import {BrowserRouter, Route, Routes} from "react-router-dom"; // other code... ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render( <BrowserRouter> <Routes> <Route path="equipe" element={<Equipe/>}/> <Route path="equipe/:id" element={<Equipe/>}/> {/*other route...*/} </Routes> </BrowserRouter> ); I specify that by launching my…
I have a page layout with 3 separate sections: The sidebar, the header and the main body. I would like to fill the main body from the child route, while parent routes define the header or sidebar - but after…
I'm trying to learn react navigation, using route and route path but I seem to be making mistake somewhere, can anyone help me with it? I tried to keep changing the div and the div that shows the posts but…
In my react app in my <Login > component I check if user has a valid JWT with useEffect hook and then redirect them to "/" . But every time I try to access the "/login" route I see a…