Editar: resulta que los problemas de rendimiento solo ocurren durante el desarrollo. Una vez que Gatsby construye el proyecto, todo funciona bien. Me gustaría saber si alguien puede explicar ese comportamiento.

Estoy creando una página que permite a los usuarios comparar dos tablas grandes. El usuario puede agarrar la barra en el medio para ajustar los tamaños de ambas mesas.

Actualmente estoy manejando esto con dos contenedores, ambos con overflow: scroll y una altura que se calcula al arrastrar la barra de cambio de tamaño. Sin embargo, este enfoque es realmente lento. Funciona bien cuando las tablas están vacías pero con muchos elementos se convierte en un problema. No estoy seguro de si esto tiene algo que ver con el uso de la memoria o se vuelve a pintar al cambiar la altura. ¿Hay algún consejo o truco que se te ocurra para que esto funcione sin problemas?

PD: La virtualización está prácticamente fuera del alcance debido a la complejidad de la tabla y la altura dinámica de las filas.