I have a nav bar for a website I'm building. The links in the nav bar to a section (#id) in the page but do not go to the section and only update the url. If I type in the…
I want to load a componente if a valid jwt exists, otherwise it should redirect to login, the redirect works but if I have a valid token the private component can not be loaded. is undefined index.js import React, {…
I have a config route : const routers = { home: '/', category: '/category/:slug', } and an array : array = [ { id: 1, slug: 'table'}, { id: 2, slug: 'chair'}, ] I use array.map() to generate a list…
Why my outlet is not working in react-router-dom. All my components worked fine until I use Outlet and after using outlet my navigation component is not showing while other component seems to render. import Home from "./Routes/Home/Home.component"; import { Routes,…
I am routing between child components in a parent component. Routes are working fine on click but the child components are not rendering on page. No errors in console. No errors in code according to ChatGPT. I resolved every issue…
I am fetching a list of items from a local Data.js file and displaying it using map method in Header.js. But when I click on user image then it should go to user detail page and should display all the…
This is my main App component: const router = createBrowserRouter([ { element: <Root />, children: [ { path: "/", element: <Users /> }, { path: "/users", element: <Users /> }, { path: "/places", element: <Places /> }, ], }, ]);…
Switch in react router dom is not working! problem seems to arrive when rendering the AddTodo and Todos element! Tried replacing the switch with route but it still does not reem to render anything return ( <> <Router> <Header title="Task"…
I'm using jQuery DataTable inside react. (I know, not good to use jQuery in react but it's since long and many feature customize in that plug-in which we did not get in other plug-in) Using columns hook we can add…
enter image description hereI have completely installed my react router and my project is build completely but the only issue is that when I imported this import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom"; Import in App.js…