I need to get the location.pathname and compare it to the links to determine if the clicked anchor/sidebar item should be set to active or not (will become a red button if clicked). The topics should be active first, the…
I'm trying to protect routes in my React app. The Home page is being protected, but I also want to stop the user to go back to the login page if the isLoggedIn is true, and if it is false…
Every time when I use react router dom in my react app it get stucks on switch export ERROR in ./src/App.js 19:39-45 export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' (possible exports: AbortedDeferredError, Await, BrowserRouter, Form, HashRouter, Link,…
I'm building an app with React using Next.js. I want to pass userId along with the router push and use the userId in the Component which I have pushed to. See the below code: import { useRouter } from "next/router";…
I have a VerifyEmail route that takes on a JWT token as a parameter. However, it does not load. Is there anyway to get it to load? The route loads if the token is short, about 10 characters long. Anything…
I am creating a multilingual app in react js and I want to always have the ?lang=languageName parameter in url. I am using react-i18next for translation. Below code which works fine if I refresh the page: import React, { useEffect…
I need to move redux Provider from index.js to App.jsx. When it was set in index.js, it was working fine, but I was asked to set it in the App component. The working state is the below: index.js import ReactDOM…
How to make an endless route? I have an unknown nesting, following which we need to display it in the route, for example Folder url.com/folder -Child 1 url.com/folder/child1 --Child 2 url.com/folder/child1/child2 ---Child 3 url.com/folder/child1/child2/child3 ---- Child 4 url.com/folder/child1/child2/child3/child4 ... <Route…
Hello dear stackoverflow users. First of all, thank you in advance for your help. I have a react application in this application, I check the user login process when going to the /admin page, if the user is not logged…
I am using react-router-dom version 6.11.2 for my front-end routing in my App.js file: import "./App.css"; import { Route, RouterProvider, createBrowserRouter, createRoutesFromElements, } from "react-router-dom"; import RootLayout from "./layouts/RootLayout"; import { UserContextProvider } from "./store/user-context"; import NotFound404 from "./components/Utility/NotFound404"; import…