Hice este código useEffect que funciona bien en una pantalla:

 useEffect(() => { getDatasFromId(searchId) .then((data) => { const returnObject = { next: data.next, items: data.results.map(item => ({ name: item.name, url: item.url })) }; setHasNext(returnObject.next); setDataToDisplay(returnObject.items); }); }, [searchId]);

Pero ahora, hice algunas modificaciones y la llamada a la API se ejecuta sin retorno (sin error o lo que sea). Mi nuevo código es este:

 useEffect(() => { const apiUrl = getApiUrl(searchId); console.log("API URL : ", apiUrl); getDatas(apiUrl) .then((data) => { console.log("We get some data : ", data.results ); const returnObject = buildDataObject(data); console.log("returnObject : ", returnObject); setDataToDisplay(returnObject.items); returnObject.next !== null && loadMoreApiDatasIf(returnObject.next); }); }, [searchId]);

No veo el error en el nuevo código.