He tenido un problema con React. Suspenso y respaldo de él. Estoy usando Suspense de esta manera:

 const Overview = lazy(() => import("../pages/dashboard/overview")); ... ... ... <React.Suspense fallback={ <div className="centerDiv"> <Spin size="large" /> </div> } > <Route path={routes.overview} component={Overview} /> </React.Suspense>

En mi componente Overview , he tenido una tabla que se está cargando ahora mismo después del final del respaldo de suspenso, por lo que tengo una situación en la que, después de redirigir a la página de Overview , tuve una carga desde el control giratorio Suspense y cuando terminó, otro spinner se está ejecutando para obtener datos en mi tabla.

No me gusta, ¿qué puedo hacer?

Estoy pensando en terminar el suspenso con la acción del componente Overview , en este caso, mi tabla se ha cargado antes de que finalice el control giratorio de suspenso, cuando se recuperan todos los datos, mi suspenso está terminando. Pero, ¿cómo puedo hacerlo? ¿Cómo usar correctamente Suspnse para prevenir este tipo de situaciones?

¡Gracias por cualquier ayuda!