I have a login form such below: const Login = () => { const { user } = useAuth(); const navigate = useNavigate(); if(user) return (<Navigate to="/dashboard"/>); const handleLogin = async (e) => { e.preventDefault(); try { const login =…
I am working on a React application and facing an issue where the application is showing the 404 error component instead of the index component. This is happening both on my local development server as well as when the application…
I'm facing an issue with React Router where the routes are not rendering correctly. I have defined my routes using the <Routes> component and nested <Route> components within it. However, I'm getting the following error: Uncaught Error: A <Route> is…
I got stuck to the following situation in React 18. I have defined two components as in: AppLayout and AddEvent. My App.tsx file looks like this: import React from "react"; import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';…
I have some code where I'm rendering some components in react based off a current route import Confirmation from './containers/Confirmation'; ... ReactDom.render( <Provider store={store}> <Router history={history} onUpdate={scrollToTop}> <Route exact path={BASKET} component={Main} /> <Route path={DELIVERY} component={Main} /> <Route path={ADDRESS} component={Main} />…
Is it possible to navigate to the same route, with or without an id? I have a table and when the row is clicked the user is navigated with a user id (will populate form with data fetched via id)…
I want to create a Notebook application where I have a list of notebooks such as "Mathematics" and "Science". When I select one of the notebooks, I want to display a list of notes within that selected notebook. Then, when…
I have no other option but to call the submit method for a fetcher in a handler. It's accessing the correct action method in the routers however I'm unable to pass the method to the action, i.e. method='POST defined in…
I'm using react with VITE and react-router-dom Hosting the react application locally works very well, if it hosted on any online hosts services like NETLIFY, VERCEL or HOSTINGER also works great but if I passed to a new routed page…
I am trying to create a fully protected React application. Only Login page should be available without login. However it has a completely different layout than rest of the application. I am using simply <Outlet /> for rendering the app…