I created a react app, using viteJS. And I'm using the latest version of the react-router, I followed this tutorial. This app is working fine when I run local, but when deployed to the server I'm getting this error: Error:…
import "./app.css"; import Sidebar from "./components/sidebar/Sidebar"; import Topbar from "./components/topbar/Topbar"; import Home from "./pages/home/Home"; import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import UserList from "./pages/userList/UserList"; import User from "./pages/user/User"; import NewUser from "./pages/newUser/NewUser"; import ProductList from "./pages/productList/ProductList";…
I am currently struggling with refactoring my Auth on a React/Strapi Web App. The webapp in this first draft only provides some content, protected by a login. To realise the login I post credentials to my Strapi backend and want…
This is happening inside of a Reddit clone I've created. If you use Reddit, you might recall that when you're on a feed page, you can click a post to go to the post's page. You can also click on…
I am trying to build a web app with AWS Amplify. I have authentication configured, but I want certain pages to be for authenticated users only e.g. anyone can see the home page, but only logged in users should see…
I am facing an issue with rendering a component using React Router in my React TypeScript application. Specifically, I have a <nav> element that contains a link, and I want to navigate to the AddTask component when the link is…
We can restrict certain routes if the person is not logged in. However, how can we restrict certain routes for rendering if the user is logged in? Below is my routing configuration: <BrowserRouter> <MenuBar /> <Routes> <Route path='/' element={<PrivateRoute><Dashboard /></PrivateRoute>}…
At my company, we're using Next.js for all front-end applications. My team is developing a client-side application, but we're using Next.js with disabled file-based routing. We have only one single index.tsx file inside the pages folder where the Router component…
This code supposedly works on my previous projects. I wonder why typescript returns this kind of error: Unsafe assignment of an anyvalue.eslint@typescript-eslint/no-unsafe-assignment Unsafe call of ananytyped value.eslint@typescript-eslint/no-unsafe-call (alias) createBrowserRouter(routes: RouteObject[], opts?: DOMRouterOpts | undefined): Router import createBrowserRouter react-router-dom version 6.14.1…
I'm using react-router-dom. After deployment the app is not working if we refresh the app, throwing an error Not found, but it works fine in the local environment. This happens for every route. <Routes> <Route path="/" exact element= {<Navigate to="/posts"…