Javascript – Route protecting of a Login page in a React app
I'm trying to protect routes in my React app. The Home page is being protected, but I also want to stop the user to go back to the login page if the isLoggedIn is true, and if it is false…
Javascript – React Router Infinite Loading Issue When Navigating to Edit Route. Card component is not getting displayed in my EditTodo page
I'm working on a React Todo App where I'm using React Router to navigate between different routes. I've encountered an issue that I'm struggling to resolve. Problem: When I navigate to the edit route (/todos/:id), the page loads infinitely and…
Reactjs – Hi, Every time when I use react router dom in my react app it got stuck
Every time when I use react router dom in my react app it get stucks on switch export ERROR in ./src/App.js 19:39-45 export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' (possible exports: AbortedDeferredError, Await, BrowserRouter, Form, HashRouter, Link,…
Reactjs – getDocs not returning data from firestore
This is from a react project with react-router and Firebase. I'm using react-router's loader function for fetching some data from Firebase firestore. Instead of returning data, the loader function is throwing "Could not fetch projects" as is mentioned in the…
Reactjs – useParams data as an state object key in useSelector with TS
I need to access the state data using a key that I'm getting from useParams. Like this: export const MainPageSection = (props:MainPageSectionPropsType) => { const params = useParams(); const currentSection = params.section const excursions:ExcursionsCollectionResponseType = useSelector((state:AppRootStateType)=> state[currentSection]) ... } Got…
Javascript – A white blank screen comes up even though the page goes through
My goal is to control the user's data from the login page via the fakeAPI and pass it to the movies page, but after passing the user information, these errors appear before a blank page comes up. /* eslint-disable no-unused-vars…
Javascript – How i graphql subscription in react
I'm developing an application using a GraphQL client and React. In the main directory, I have a section where events are listed, and in the .../new directory, I have a form to add new events. When I add an event…
Reactjs – React user login is successful but can't redirect to admin page
Hello dear stackoverflow users. First of all, thank you in advance for your help. I have a react application in this application, I check the user login process when going to the /admin page, if the user is not logged…
Javascript – Why is React Router not routing to a nested route?
I am using react-router-dom version 6.11.2 for my front-end routing in my App.js file: import "./App.css"; import { Route, RouterProvider, createBrowserRouter, createRoutesFromElements, } from "react-router-dom"; import RootLayout from "./layouts/RootLayout"; import { UserContextProvider } from "./store/user-context"; import NotFound404 from "./components/Utility/NotFound404"; import…
Javascript – how to implement a like button for carousels in react?
i have a "carousel" displaying fruits, also has a like button beside the carousel, im loading carousel items with fruits (arr of objects) which is a response of a GET req, i used "loader" from react-router for this GET req,…