El contenido alrededor de la rueda giratoria (barra lateral, elementos paginados anteriores) parece rebotar hacia arriba y hacia abajo, verticalmente. El problema desaparece cuando la rueda giratoria no está activa.

Si me desplazo casi hasta el final (la mitad de la altura de la rueda giratoria), esto no sucederá, solo cuando me desplazo tanto que se ve toda la rueda giratoria, la página 'rebota'.

Tengo este código, que muestra una rueda giratoria cuando los perfiles se están cargando o paginando:

 {(this.state.profilesLoading || this.state.profilesPaginating) && (<div className="flex justify-center items-center h-full"> <div className="animate-spin rounded-full h-32 w-32 border-b-2 border-gray-900"></div> </div>)}

Si elimino el div interno, no más rebotes:

 {(this.state.profilesLoading || this.state.profilesPaginating) && (<div className="flex justify-center items-center h-full"> Loading... </div>)}

¿No está seguro de si se trata de un error de React con la evaluación de comprobaciones condicionales y su lógica de renderizado, un error de Tailwind con sus animaciones o un error de JavaScript en general?