Obtengo datos de una API y luego guardo una matriz dentro de un estado. Mientras trato de modificar el campo específico en el objeto dentro de una matriz usando la entrada, recibo el siguiente error: 'Error de tipo no detectado: no se puede asignar a la propiedad de solo lectura 'cantidad' del objeto '#'.

Estados (estoy usando RTK Query):

 const { data: Florists_data, refetch } = useGetFloristQuery(Number(sessionStorage.getItem('florist_id'))); const [flowersData, setFlowersData] = useState(Florists_data?.florist[0].flowers); const [tmpFlowers, setTmpFlowers] = useState(Florists_data?.florist[0].flowers);

Función de actualización:

 const updateFieldChanged = (index: number, e: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => { let newArr = [...tmpFlowers!]; newArr[index].amount = Number(e.target.value); //GETTING ERROR HERE setTmpFlowers(newArr); }

Entradas:

 {flowersData?.map((flower, index) => { return ( <> <div className={classes.Nested_Flower_Container} key={index}> <div className={classes.Nested_Flower_Name}> {flower.name} </div> <div className={classes.Nested_Flower_Input} style={{ marginRight: '0.2em' }}> <TextField id="Amount" label="Amount" variant="outlined" size="small" type="number" onChange={(e) => { updateFieldChanged(index, e); }} className={classes_2.root} /> </div> </div> </>) })}