I have a React + Vite app with multiple routes. I also have a few static HTML pages and assets in the public folder (including home.html). I'd like to have the index route to point to home.html. The code below…
I'm using react-router-dom 5.2.0 App.jsx `<Route path="/shop"> <ProductListPage /> </Route> <Route path="/shop/:page"> <ProductListPage /> </Route> <Route path="/shop/:gender/:category?"> <ProductListPage /> </Route> <Route path="/shop/:filter"> <ProductListPage /> </Route>` ProductListPage.jsx `import { useParams } from "react-router-dom"; export default function ProductListPage() { let { page…
I am writing a website in ReactJS and I am using Mantine for styling. When I try to use react router as seen below, the mantine components no longer work. import { StrictMode } from 'react'; import { createRoot }…
I am using React router dom v6, and the "useHistory" method is not available in the React router v6 version. Please suggest me how I can implment below code with React Router com v6 version history.listen(onParentNavigate); export default () =>…
I am working on an API project using React-Router-DOM for navigation and when the initial search results are called I have an array of 8 movies that are shown based on a keyword from the user's search query. Once the…
[1]I'm working on a React application and recently added new routes to my App.jsx file. However, after adding these routes, my application only shows a white screen. When I remove the new code, the landing page displays correctly again. Here…
I am implementing react-router-dom to handle routing. The routing works for the most part however my Header component is not visible when the user visits AccountHome My router is very simple: const router = createBrowserRouter([ { path: "/", element: <AppLayout…
I'm using React-Router with a custom ScrollToTop component to reset the scroll position to the top of the page on navigation. However, I have a specific use case where I need the scroll position to stay the same when clicking…
I'm developing a React application and I'm encountering an error when using the useLocation hook from the react-router-dom library. The error message I receive is: Error: useLocation() may be used only in the context of a component. Here is the…
import React from 'react'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; import Onboarding from './components/Onboarding/Onboarding'; import Login from './components/Login/Login'; function App() { return ( <Router> <div className="flex justify-center w-[386px] h-[800px] mb-6 mt-5 ml-[35%] box-sizing:border-box rounded-sm overflow-auto -z-50">…