I'm building an e-commerce page using React that includes various options stored in state, such as sortBy, itemsPerPage, and several interdependent categories. I want these state values to also be reflected in the URL as search parameters. I'm using React-Router's…
I'm trying to route to a component based on a condition and it does it, but only if I refresh the page. I've had to add forceUpdate() to get it to work, but that is killing performance. Maybe this is…
I am displaying data fetched from API in table, which has inputs as fields to edit the data. It has multiple data records fetched via API , post changes of the record I want to update the changes done by…
I write an SPA using the React library. I want to load some data from the backend using the REST API, and if the REST request returns an http 403 status to redirect the user to the sign-in page. The…
Is there a conlict between react-router-dom actions and useForm? For example, I'm exploring an Authentication form from mantine. I want to leverage react-router-dom actions. When I replace form with Form from react-router-dom and trigger the action by clicking Register nothing…
I am using react-router-dom for Routing in my react app. I now want to create a protected route so you can access certain pages only if you are logged in. But at the moment I can still access the protected…
I created a button that changes my route and adds a search param to the URL. The functionality of the button is as so: import { Link } from "react-router-dom"; <Link to={`/route/locations?openCertainModal=true`}> {placeholder} </Link> My problem occurs when I am…
Currently I have createBrowserRouter( createRoutesFromElements(...) ); and nested within there is a: <Route index element={<Navigate to="/raters/start/" />} /> This works fine for the base URL, except that we now need to capture any query strings on the original route and…
I have an interesting problem. I have a product page and an 'add item' button. When the button is clicked the product id will be updated in the 'items' array state variable. I'm getting the product id from the url…
Here's a routes I have created so far. <BrowserRouter> <Routes> <Route path="/" exact element={<FrontPage />} /> <Route path="/property-in-:cityName/" element={<PropertyListing />} /> <Route path="/property-in-:cityName/:singlePropertySlug" element={<PropertySingle />} /> <Route path="/associates" element={<AssociateListing />} /> <Route path="/about-us" element={<AboutUs />} /> <Route path="/contact-us" element={<ContactUs />}…