immutability-helper | mutate a copy of data without changing the original source | Frontend Framework library

Im trying to insert object into particular object(i.e list of object ). Below is the code.

Can you update two or more values in a nested state using one update method call from immutability-helper?

I tried the code below but only the last line [elementIndex]: {fouls: {$set: 1 }} gets implemented.

Chartjs is not showing my changes after updating the datasets value. I have the slider controller from material ui. I am using import update from 'immutability-helper'; to update the state.

I am new to react-native and i want to update data in objects array! Here is the array :

Today i have tried to create function that updates every next index of array. I used this code :

I'm currently attempting to use Chart.js within my react application but when I go to build my application I'm presented with this error

So I am trying to localhost a project but I get an error when opening localhost. I provided what the console states, what I see when on localhost:3000 and the packageJson from both the frontend and the backend. I figured It could have to do with a wrong version that's making it break since I have seen similar posts but I'm unsure. I'm happy to provide more information if necessary.

This is what the console shows:

My react js page is fetching data from a REST service and it uses react-query to fetch and store it. The data is a list of objects.

I want to ADD one or two extra variables of my own to each object in this list that will only be on the react side and not go back to the REST server side.

Each object in the list will get an extra boolean variable expanded, which will indicate if this object should be expanded or not on the page.

How would you add such a variable to a list from the server? Would you modify the list itself and perhaps use immutability-helper? Or would you create a separate list of boolean flags and pointers to the other list?

With the React Material Table library, is it possible to render a custom component while adding a new row? I'm using a custom component (a Material UI select box, actually), for the Expected Result column. When I add a new row, I only see a field for the Requirement column, not the Expected Result column. Is it possible to add an input for the Expected Result column of the new row as well?

Another option is to not use custom components at all and instead use something like the Cell Editable Example of https://material-table.com/#/docs/features/editable. However, I'm not a fan of the extra clicks that it takes to edit the Expected Result, compared to directly using a Select field.