Me gustaría reemplazar algún texto con un componente en la matriz que contenga cadenas y componentes de reacción. En el fragmento de código a continuación, veo que los nodos se modificaron, pero después del ciclo foreach no se detectan cambios en la matriz. ¿Por qué? ¿Qué sale mal?

 import parser from 'react-html-parser'; const text = 'i am a string (item) with <ul><li>first item</li><li>second item</li></ul> and some text'; // create array of strings and react components const arrNodes = parser(text); // loop and replace arrNodes.forEach(function iter(node){ if(typeof node === 'string') { if(node.indexOf('item') > -1) { const newNode = node.split('item'); newNode.splice(1,0, 'Component'); // later should be react component node = newNode; } } if(node.props && node.props.children && Array.isArray(node.props.children)) { node.props.children.forEach(iter); } }) console.log(arrNodes)