Estoy usando AG-Grid en mi aplicación.

 "ag-grid-community": "25.0.1",

Se utiliza como a continuación

 <DataGrid id="myGrid" onCellClicked={onCellClicked} {...props} /> const onCellClicked = (e) => { console.log(e); history.push("/SomeRoute"); }

Ahora, en SomeRoute, la llamada API se realiza en carga como se muestra a continuación;

 useEffect(() => { getMyData(); }, []); const getMyData = async () => { // Some fetch call }

Ahora, el problema que estoy observando es hacer clic en cualquiera de las filas de la cuadrícula de datos; si bien actualiza la URL en la barra de direcciones, parece estar tardando mucho en iniciar la llamada a la API y, por lo tanto, la página se carga después de un retraso.

¿Cuál podría ser el posible problema por el que lleva tiempo iniciar la llamada a la API?