I am using react-router-dom version 6.11.2 for my front-end routing in my App.js file: import "./App.css"; import { Route, RouterProvider, createBrowserRouter, createRoutesFromElements, } from "react-router-dom"; import RootLayout from "./layouts/RootLayout"; import { UserContextProvider } from "./store/user-context"; import NotFound404 from "./components/Utility/NotFound404"; import…
i have a "carousel" displaying fruits, also has a like button beside the carousel, im loading carousel items with fruits (arr of objects) which is a response of a GET req, i used "loader" from react-router for this GET req,…
I'm trying to create a simple application focused on React router. I would like that after clicking on the Login button(there will be a form for authentication in the component), the user will be redirected to the Menu page(Navigation component).…
What I'm aiming for is when I click the sign up button is that it would go to the component SignUp. But unfortunately it's not routing or functioning. App.js: import React from "react"; import "./styles/App.css"; import Homepage from "./pages/homepage"; import…
I am trying to render profile page is the user has not completed the profile by getting profile data from an API call. If the data is complete, I want to redirect the user to landing page. I got the…
I keep getting the ReactRouterDOM error but I am following a tutorial and my professor is not getting this error (video may be outdated). index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Routing</title> <!-- Load Babel --> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> </head>…
I have multiple pages that have the navbar and the sidebar as component in my app.js and I have another page such as my login page that does not have this navbar and sidebar. How do I make the routing…
I am new to react-router. I've set some data as JSON data in the public folder and shown some of them using the slice function and wanted to show more data on click the "see more" button. I've done the…
I am building a web app using Meteor.js with React. The app has two types of users: "user" and "employer", each with their own routes (like different dashboards and other pages). So I have a UserRouter, an EmployerRouter, and an…
Although I think I have defined the Route elements properly, I cannot access elements from my browser. It always gives "No routes matched location.." warning. The only Route that works is <Route path='*' element={<Home />} />. I have spent hours…