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…
I have prepared a simple test case at Github for my question: In my App.jsx there is following code: <NavDrawer /> <BrowserRouter> <Routes> <Route path="page1" element={<Page1 />} /> <Route path="page2" element={<Page2 />} /> <Route path="page3" element={<Page3 />} /> <Route path="*"…
I am fairly new to React and I am facing this problem. I am using NPM version: 10.4.0 and NodeJs Version: v20.11.0 Cannot destructure property 'basename' of 'react__WEBPACK_IMPORTED_MODULE_0__.useContext(...)' as it is null. TypeError: Cannot destructure property 'basename' of 'react__WEBPACK_IMPORTED_MODULE_0__.useContext(...)' as…
i was trying to using params prop in the loader prop in the routes, since i am using typescript i define the params as shown below but typescript is yelling at me i do not know why? please any way…