Actualmente estoy tratando de obtener las dimensiones/rectos delimitadores de algunos jsx que devuelvo de una función. Cada publicación que he visto en línea dice que cree una referencia y use element.current.getBoundingRect(). Sin embargo, no puedo hacer esto con mi código ya que estoy usando una función para construir dinámicamente este jsx y ponerlo en un objeto en lugar de hacer componentes de reacción completos.

¿Hay alguna manera de que pueda hacer esto? O esto no es posible?

Lo único que puedo pensar es tal vez crear dinámicamente un nuevo componente funcional completo en mi .forEach en lugar de simplemente crear jsx en un fragmento, pero cuando lo intenté, todavía no funcionó porque no tenía forma de acceder a la referencia después .

EDITAR: Así es como estoy haciendo mi jsx

 export const createNodeTypes = (data) => { const nodesList = {}; if (data) { data.forEach(({ node }) => { const newNode = () => ( <> <div> <[insert other jsx here]> </div> </> ); nodesList[node.name] = newNode; }); } return nodesList; };

Vale la pena señalar que la razón por la que lo hago de esta manera es para crear un objeto nodeTypes como el que espera react-flow-renderer para tipos de nodos personalizados.