I am using the latest React-Router version 6. I am using createBrowseRouter using createRoutesFromElements to route and link my pages for a one page portfolio website, but when I click on the nav-link to scroll down to specified element section/page…
I'm trying to add a pre-loader in my personal site, and the problem is that is cannot make it work. As you can see in image I'm try to render it before router so that it runs before anything else.…
In my app currently on React-Router v5, we have a redirect link from an email that includes a "referrer=email" param that we use to determine some initial state on the login/signup pages: const queryParameters = new URLSearchParams(search); const referrer =…
This is my first question. I am self-studying React.js, Node.js, and Express. For this reason, I am trying to create my own website where a user can register, log in, and access the page with their data only if the…
I've been trying to connect components to links, but whenever i write more than one route in <Routes> react seems to ignore it, and does not respond to anything. Also used <StrictMode> to see what happens inside program Here is…
I'm facing an issue with React-Router where navigating to a specific URL with a dynamic parameter is rendering the wrong component. Specifically, when navigating to "http://localhost:3001/Create/4", the Create component is being rendered instead of the expected Blogdetails component associated with…
this is my code why it shows id undefined? i want in the sale component access to both title & id of each book but id is undefined.how can i show the value of id in the Sale component? thank…
I am trying to update the state of a button once id has been clicked. This id is then stored in the state so that it can be passed as a params to navigate to the page that has the…
I'm trying to integrate React-Admin AdminDashboard component into a larger React application that uses React-Router for navigation. However, I'm encountering issues where AdminDashboard doesn't render or work as expected. When I initially had the AdminDashboard directly in App.js, everything functioned…
I have a React application where I'm using React-Router. In my layout component, I have a structure like this: import React from 'react'; import Header from './components/Header/Header'; import Footer from './components/Footer/Footer'; import { Outlet } from 'react-router-dom'; function Layout() {…