El problema no es similar al que tiene el mismo título.
Estoy usando el gancho de reacción para crear mi propio agregar/eliminar dinámico usando este ejemplo para crear mi agregar/eliminar dinámico.
Como sugiere el título, el mensaje de error ocurre al hacer clic en el botón 'crear elemento'.
Este es mi enlace de codesandbox que muestra mi código y el error. Cualquier ayuda es apreciada.
El problema que tenía es que el estado de su widget
se establece como una matriz de objetos, pero cuando estaba actualizando ese estado en la función onAddItem
, lo estaba configurando como un objeto.
Aquí está la función onAddItem
donde el estado del widget
se actualiza con el estado anterior y el nuevo estado en una nueva matriz.
const onAddItem = () => { setCounter(counter + 1); setWidgetList([ ...widget, { i: "chart" + counter, x: (widget.length * 2) % (cols || 12), y: Infinity, // puts it at the bottom w: 2, h: 2 } ]); };