I am creating application in react using router below is my code main.jsx import React from 'react' import ReactDOM from 'react-dom/client' import App from './App.jsx' import './index.css' import { Router} from 'react-router-dom' ReactDOM.createRoot(document.getElementById('root')).render( <React.StrictMode> <Router> <App/> </Router> </React.StrictMode> ) app.jsx…
const pages = ['home', 'menu', 'reservation']; <Box sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }}> {pages.map((page) => ( <Link component={Link} to='/'>Home</Link> ))} </Box> I tried watching one or two videos on how to use Routing in MUI,…
I have Global file which holds the following routes: global.tsx import React from "react"; import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; import LoginPage from "../../pages/Authentication/Login"; import SignupPage from "../../pages/Authentication/Signup"; const Global = () => { return (…
React Routing seems way overly complicated, I have authentication through Firebase and need the routes wrapped with the <AuthProvider> but I get this error that it's not a part of the <Route> component. I can't find a work around for…
I am running a function when the user clicks a button, this function updates my useState and adds an array into it as data. This data later on is passed into another webpage where the array objects are displayed in…
I'm using react with react-router to build a website. I have hosted this website on a shared cPanel hosting from Godaddy. It is a linux with Apache server. The application works fine on natural link routing but when I reload…
I've thoroughly tested the backend using Postman and it's responding correctly. However, despite extensive debugging efforts, the frontend isn't receiving the expected response. I've reviewed the code multiple times but can't identify the issue. Any insights or suggestions would be…
So I have 2 pages 1. customer-list, 2. customer-detail. so customer-list page will be a table where it contains a list of a customer-id without the details but there's a button which will navigate to another page customer detail. the…
I am trying to learn react router by following the below video but the problem is in my stackblitz there is no App.js. So I have included everything inside index.tsx. but now I need to use this line ----> const…
I have created an online drinking game at lastordersgame.com. When you go through the navigation on the page to get to the game, it adds /drinking_game to the url and it all loads fine. However, when you manually type in…