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…
I have a formik form, when I click on the submit button, I want the user to be redirected to /. But it doesn't work, nothing happens. I don't think it is useful to past here the code of the…
I am trying to redirect a Route on my default page with to render content from another component and have both nav elements active. If I create a nested Route on any other page except the default route, both the…
I am working on a React application where I need to conditionally render either a Login or Logout button based on the user's current authentication state. However, I'm encountering an issue where the conditional statement is not working as expected.…
I tried to render my main page working with routes and I still have the same ReferenceError. Here's my code : import React from "react"; import ReactDOM from "react-dom/client"; import App from "../components/app"; import reportWebVitals from "./reportWebVitals"; import { createBrowserRouter,…
The contacts component isn't rendering anything. I've provided the code for the contacts component and the app component. I reviewed all of the other components to make sure that everything is working as expected. So far the issue is only…
I have a web application built on react js/next js where I have a couple of pages, including some globally used components, such as: Header and Footer. The problem is, I don't want to re-render the whole component and APIs…
I have a list of movie items where each item is wrapped in a react-router-dom Link component that navigates to a movie details page. Inside each movie item, I have a "Watch Now" button that opens the corresponding movie trailer…
Im not able to pass information using props through link in react route. I tried to pass the current contact got throught a component in the contactcard and passing the same prop to contactdetails but im not able to fetch…
I am facing an issue with React Router Dom v6 where my page goes blank after adding the scroll-to-top functionality. I have followed the documentation and tried different approaches, but I couldn't find a solution. The page renders correctly without…