I want to know how I can make my "page" variable in the below code dynamic, so I can properly compare it with the location.pathname variable which will have dynamic page ids. import { useLocation } from 'react-router-dom'; function AddToCart()…
I'm using useNavigate from react-router-dom to redirect users to different pages of website. I'm passing useNavigate as a prop to my Components so I can evaluate it later when user clicks on a button. all of my components are inside…
I'm using react with react router for the client-side routing. I have a header, outlet, and footer. What I want is to give the Outlet a classname so that every component get's a margin-top. Is there a way to do…
I'm working on a React project where I have a function that uses optional chaining and a try-catch block to assign a navigate function. I'm trying to write a Jest test to cover the catch block, but I'm having difficulty…
When I attempt to add my "About Us" page link to the Navbar and include it in app.jsx, the home page ends up getting mixed up and becomes a bit messy. Specifically, when I don't add the Navbar links, everything…
I've been working through this React tutorial and have gotten stuck. (Chapter 16: React Router). My basic boilerplate html components all render properly in App.js UNTIL I wrapped some inside <Routes> tags and added the path="" and element={} attributes. The…
I tried up rn-sliding-up-panel but I am not desired results. To draw a clear picture, I want the UI similar to YouTube music, where mini player can drag to player screen. I tried to refer some video, but that didn't…
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 starting with an existing project called react-burger-menu. https://github.com/negomi/react-burger-menu It uses a hamburger menu sidebar for navigation. Unfortunately, the demo code does not show how to actually go to a specific clicked item page. Here is the example.js code that…
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…