Im new to react routers and currently using the BrowserRouter from react-router-dom with the version react-router-dom": "^6.21.0" Im using the useLocation() to dynmaically set a store variable whenever the path changes. Here is what im doing: App.tsx: function App() {…
I have a react app with 2 different layouts, "main layout" and "auth layout". I found the my main layout pages work no problem but it doesn't appear to load the auth layout pages. If I try and visit "/login",…
I am using Typescript in a React project, and I have this code that I got with the help of Chatgpt: import React from "react"; import { Route, Navigate, RouteProps } from "react-router-dom"; import { useAuth } from "./AuthContext"; interface…
I have the following problem, inside the home page I would like to put a sub menu in the middle of the page, which when clicking on each of the links, underneath I load some information. I did it with…
I am migrating an ASP.NET Web Form site to React + ASP.NET Core API. In the ASP.NET Site, customers were subscribing to the system by filling a form in which they were entering in a field a unique URL for…
I have a App.js file that includes all the routes that I have. I wanted to make use of React-Router data loader. import React from 'react' import { Routes, Route, Navigate, RouterProvider, createBrowserRouter, createRoutesFromElements} from 'react-router-dom' import { ThemeProvider, CssBaseline…
When I click on the button of the secondpage, it is added to this landing page at the very bottom(after Footer). The transition comes from the courses page. How do I make the secondpage open as a new page, and…
I am working on a ReactJS project and need to set up custom paths for my routes. I want to define my own paths instead of relying on the default routes generated by React Router. What is the best way…
I attempted to use the react-router action and Form components, but it appears that the action function is not being invoked, and no errors are showing in the console. I have already implemented the Data router, exported the action function,…
So I want whenever the user presses on the contact text on my NavBar component to redirect the user in the HomePage to the specific Component Contact. I tried using Router DOM to redirect user to the component but it…