Estoy trabajando en un componente Table, @blueprintjs/table fue una inspiración, funciona perfectamente si una clase envuelve el componente Table , pero cuando uso la paginación, el contenido deja de cambiar cuando una función es un contenedor. Aquí hay un enlace al código que replica el problema del que estoy hablando. Agregué console.logs para mostrar que los items visibles por cellRenderer son diferentes a los items visibles en el nivel raíz del componente: https://codesandbox.io/s/beautiful-water-7hgjq

No creo que sea un problema con las claves, y las páginas cambian correctamente. El punto exacto de falla que encontré es el componente TableRenderer , porque si columnArray se inicializa solo una vez, funciona solo para clases, pero si vuelvo a crear la matriz en cada cambio de children , también comienza a funcionar para funciones. Así que supongo que tiene algo que ver con la referencia de cellRenderer .

¿Qué me estoy perdiendo? ¿Los alcances de los componentes de clase se manejan de manera diferente en React, o tal vez en JavaScript mismo?