I have form like so It has a parent-child relationship. In the RTK slice, it looks like this: application -> personList (array of person objects) --> assetList (array of asset objects) Example JSON: { application: { personList: [ { id,…
When calling my API with Postman it works, however, with my website it doesn't. I got the console error below when I tried: Access to XMLHttpRequest at 'http://localhost:5243' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header…
I'm using Material-UI (MUI) v6 to create a dialog that opens when a user clicks a button. I'm facing accessibility warning that only occurs on closing the dialog for the first time after render/mount. The warning doesn't appear on subsequent…
I am trying to make all sibling flex items the same width as the one with the longest text, without making its text wrap. So if an item has the text "First" and another one has much longer text, the…
I'm storing an array of products added to a cart in a useState, each cart product has a quantity that can increase and decrease which all works fine. I then wanted to display the total number of all the product…
My React app should have 2 main webpages: localhost:3001/ and localhost:3001/tags/. The issue is that loading localhost:3001/tags/ will display the contents at localhost:3001/. I can also tell that /tags/ isn't loading properly because I set the page title for it…
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…
In my App, I am implementing Product Listing page which lists out the products on the listing page. I am looking to integrate some good practices based on this post - https://dev.to/vyan/using-async-functions-in-useeffect-best-practices-and-pitfalls-o75 but instead of let I am using ref…
Note: The values that used in this question are only sample. E.g.: 3d355765-XXX-47cd-9c7a-bf31179f5XXX Hello everyone, I have a ReactJS application and a Spring backend application. However, Backend Application cannot verify token and it throws "The Token's Signature resulted invalid when…
My Dashboard component is a arrow function as shown below const Dashboard= (props) => { //users object is fetched return( <ul> { Object.keys(users).forEach((key,index) => { console.log("iterating------>"+users[index].name);//this is iterating return <li key={key}>hello</li>//this is not rendering }) } </ul> ) } This…