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 have a component that holds the four different components const ProtectedRoute = () => { return ( <> <Header /> <div className='flex h-screen overflow-hidden'> <div className="md:block hidden fixed top-[25%] ml-2 opacity-80 hover:opacity-100"> <AdminLinks /> </div> <div className="w-3/4 overflow-auto"> <div…
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…
I am trying to make a project in my own and have a bit grasp of what I am doing and at first I had a problem that the global theme was interfering with and Home and Login component, then…
I'm working on a project with react and i'm doing a simple history.push() just to navigate to another component. Beside navigating to the other component i'm passion some data by using history.push({state: []}). To access the data to the other…
Router does not render component. At home page Prive route is rendered once. When I click NavLink browser change url i.e. "/agreements" but component is not rendered. I run out of ideas. AppRoutes.tsx const PrivateRoute = ({ children }: {…
Here it's shown the most basic implementation of authentication in React-Router v6. loggedIn flag in PrivateRoutes does not change when updated to true after updating context, and so the private routes cannot be accessed when navigating to them. Why is…
I want to get parameters from URL but when I use useParams() it doesn't work in redux toolkit, please help to solve it? here is an example of the code: export const getArticleTitle = createAsyncThunk<ArticleData[], void, { rejectValue: AxiosError }>("article/fetchAllArticle",…
I'm fairly new to React and am following a tutorial to train myself. The problem I'm having is that I have several routes rendering the same component with different props, but the component doesn't seem to be mounted/dismounted when navigating…
Any time I create a route with more than one "/" (i.e. "/testing/test") react just returns a blank page when it should return the Test component as well as the navigation bar and footer. In the example below the route…