I have this Feed component. The idea is to preserve scroll on multiple feeds (tabs), e.g. I'm on localhost/feed-one, I scroll to 500px, switch to localhost/feed-two, and when I return to feed 1, the scroll should be back on 500px.…
I am trying to test the below scenario with React Router V3. Based on the step prop, I set some state variables and then render the component. The correct screen is then displayed based on the props passed to const…
How can I make the active NavLink look similar to this? Tried following the react router dom docs but it didn't give this desired look. Is it possible to pass the isActive prop from the NavLink component to the Flex…
I have implemented authorization in React. I want the user to not be able to go to other pages of the application without authorization. I created the following component. import { ReactNode } from "react"; import { Navigate } from…
Hello I'm having a little problem when trying to change route in my web application. In this sub-ComponnentI'm calling a Link or a navigate and the url of my app change but the page is not redirected //List_item.js function ItemList(itemList){…
I'm trying to create an app but it is facing some issues. When I run the command npm start it started showing this error. I'm trying to upgrade the react-router-dom from v5 to v6 but I am getting this error…
"If the user is already authenticated, I aim to restrict their access to the login page. Currently, when attempting to navigate to '/login' while already logged in, the system still redirects to '/login'. However, my intention is to prevent this…
git repo: https://github.com/omri2020/MERN-instagram/tree/master I am desperately trying to figure out a problem that I have with context border. I am using a SocketContext and where ever I try to use the useSocket custom hook I am getting the following error:…
I was trying to get back to react-router-dom Route handling and found a use case that I'm not able to get around. Here's the summary of it. I was thinking of creating a URL route like this : http://localhost:3001/org/:area?/:id/:tabId?. <Route…
I am using React-Router and trying to get my loader data using the useParams() hook, but I get the following error: Here is my code: import { useLoaderData, useParams } from "react-router-dom"; export async function githubInfoLoader() { const { username…