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…
Im trying to implement protected routes using react loader in react-router-dom. I have a loader attribute in my Route tag which calls a dummy requireAuth() function that checks if the route is authenticated. This function is present in a util…
I'm trying to create a simple application focused on React router. I would like that after clicking on the Login button(there will be a form for authentication in the component), the user will be redirected to the Menu page(Navigation component).…
In the React project, I am creating the admin dashboard and the UI area that users will see. I couldn't separate the admin theme from the PublicTheme. When I go to /admin/login as the URL, I still see the publicheader…