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…
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…
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…
Given routes like this: <Routes> <Route element={<MainLayout />}> <Route path="foo/:token" element={<Foo />} /> <Route path=":token" element={<Bar />}> <Route path=":id" element={<Baz />}> <Route> </Route> </Routes> How can MainLayout know which route was resolved? I need to know if it was within…
When I learned permission routing in react-router, navigate dealt with the jump issue Navigate component throw an error Unexpected token, expected "," Why display symbol problems? Detailed errors are shown on the picture above,Could someone help me with this This…
This is my first time using react-router-dom and state is causing me issues, it is being returned to me as null. I have seen that there are answers here already but they do not solve my problem as I am…
I am getting the below error pointing to 'RouteChildrenProps': I am just trying to get through a tutorial but I got stuck here. Here is the full code: import React from 'react'; import { Route, RouteChildrenProps, Routes } from 'react-router';…
Received NaN for the `width` attribute. If this is expected, cast the value to a string. at rect at g at BarDisplay2 (http://127.0.0.1:5173/node_modules/.vite/deps/gantt-task-react.js?v=a26a2daa:1229:16) at g at Bar2 (http://127.0.0.1:5173/node_modules/.vite/deps/gantt-task-react.js?v=a26a2daa:1279:19) at g at TaskItem2 (http://127.0.0.1:5173/node_modules/.vite/deps/gantt-task-react.js?v=a26a2daa:1428:41) at g at g at TaskGanttContent2 (http://127.0.0.1:5173/node_modules/.vite/deps/gantt-task-react.js?v=a26a2daa:1499:20)…
I need some help how to open the same url with react-router Link but sending different state. <Link to={items.vehicleModelId === 2 ? '/ecgo-3' : items.vehicleModelId === 3 && '/ecgo-5' } state={{ id: items.id }} > {items.name} </Link> For example I…
How to handle this error in react js Error: useNavigate() may be used only in the context of a <Router> component. ▶ 3 stack frames were collapsed. Navbar C:/Users/dell/OneDrive/Desktop/ReactJs/react-learning/src/components/Navbar.js:9 6 | import { Routes , Route , useNavigate} from "react-router-dom";…