Caja de arena de código:https://codesandbox.io/s/frosty-yalow-19k5u7?file=/src/Item.tsx

Problema

Tengo un componente de editor tiptap (ProseMirror bajo el capó) que acepta un valor de content como accesorios.

Este valor se fusiona primero con un objeto JSON predeterminado (que es un estado válido de ProseMirror), luego pongo este objeto fusionado en un objeto Ref.

Finalmente, el objeto ref es el estado de inicialización del editor.

Sin embargo, cuando recorro los datos y creo varios editores, todos tienen el mismo valor (el último en el objeto de datos).

Primer intento:

 DEFAULT.content[0].content[0].text = content;

yo también probé

 const defaultContent = { ...DEFAULT }; defaultContent.content[0].content[0].text = content;

Sin embargo, si paso props.content a useRef directamente, funciona. ¿Qué estoy haciendo mal aquí?