Tengo un componente principal en mi aplicación de reacción que hace una llamada a nuestra API, y la página tiene un cargador mientras espera una respuesta. En respuesta, recorro los datos y paso cada iteración a un componente secundario, que luego realiza otra solicitud basada en esos datos.

¿Hay alguna manera de mantener el control giratorio principal hasta que se carguen los datos secundarios?

Actualmente, muestra el padre, luego, una fracción de segundo más tarde, aparecen algunos datos adjuntos al hijo y no es bueno para el usuario.

Estoy usando reactQuery para mis llamadas a la API.