I have provider which makes a request to the server to refresh a token and has some values. Also I have a simple layout with a sidebar. I wanna use them only in one route. Idk where to add the…
I have created routes for page navigation in React JS, now I want to make some of them protected, like I want some them to be accessible only when user Logged In. const [isLoggedIn, setIsLoggedIn] = useState(false); useEffect(() => {…
The Background color of the selected list item isn't changing, only the text color is changing to white. import { NavLink } from "react-router-dom"; import { useTranslation } from "react-i18next"; import { MyContext } from "./links/MyContext.jsx"; import { useContext }…
I have a route: <Route path="/users/:userId?/:edit?" element={(<Users />)} /> Users is a layout component where I deside what to render based on params. I have a 2 options in this component: If there're no params, then render UsersList component. If…
In my application I am using BrowserRouter component to render my routes or components . But I want to use loader functionality. but my current approach I am not able to use that feature. <BrowserRouter> <AppRoutes /> </BrowserRouter> As suggested…
I'm trying to build a CRUD with MySQL and Express, and right now I'm trying to redirect the user when the username is already registered in the database, but when the error 409 happens, even after I used a try/catch…
I am trying to navigate different cards to their respective pages using react-router and use-Navigate but can't ,as the onclick functionality is not working. import React from 'react'; import { Link , useNavigate} from 'react-router-dom'; const Card = ({ id,…
I'm using react-router-dom version 6.3.0 and I'm trying to make my router handle an updated URL structure. As an example, my old routes look like this: <Route path='animals/dog' element={<Dog />} /> <Route path='animals/cat' element={<Cat />} /> <Route path='animals/bird/songs' element={<BirdSongs />}…
I'm encountering an issue where the parameters language, from, and to are all logging as undefined despite configuring the route and using useParams() correctly in my React application. The setup is as follows: const { language, from, to } =…
I have a route configured like this: const router = createBrowserRouter([ { path: "/", element: <Layout />, children: [ { index: true, element: <Home /> }, { path: "contacts", element: <Contact /> }, { path: "info/:link", element: <FooterLinks /> },…