I am trying to use styled-components with NavLink from react-router-dom@6. import styled from "styled-components"; import { NavLink as BaseNavLink } from "react-router-dom"; export const StyledNavLink = styled(BaseNavLink)``; and then use above StyledNavLink like below <Styled.StyledNavLink className={({ isActive }:any) => (isActive…
I'm adopting react-router-dom for a production app and I'm wondering if it makes sense to switch all of the links for internal routes (for example on our navbar, etc.) from the native a tag to the Link tag provided by…
I want to define my routes like below but at path "/" of the app, my Home component doesn't mount. function App() { const router = createBrowserRouter([ { element: <RootLayout />, errorElement: <ErrorPage />, children: [ { path: "/", element:…
I am having trouble using the EXACT property for my routes, I am using React 18 import { BrowserRouter, Route } from 'react-router-dom'; import Landing from './pages/Landing' import FanbaseMap from './pages/FanbaseMap' function Routes() { return ( <BrowserRouter> <Route exact path="/">…
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…