in this code i load 100 only english streamers, on the new react native app screen, but for some reason not 100 are loaded but only 21, although i am sure that there are more than 100 in this category on the site, what is the error? Or is this some kind of API limitations?
useEffect(() => {
const fetchData = async () => {
try {
const result = await api.get(
`https://api.twitch.tv/helix/streams?game_id=${gameID}&first=100`
);
let dataArray = result.data.data;
const englishStreams = dataArray.filter(stream => stream.language === 'en');
let finalArray = englishStreams.map((stream) => {
let newURL = stream.thumbnail_url
.replace('{width}', '400')
.replace('{height}', '200');
return { ...stream, thumbnail_url: newURL, description: stream.title };
});
// Подсчет уникальных стримеров
const uniqueStreamers = new Set(finalArray.map((stream) => stream.user_name));
setStreamersCount(uniqueStreamers.size);
setStreamData(finalArray);
setCurrentPage(1); // сброс к первой странице при новом обновлении данных
} catch (error) {
console.error('Error fetching streams:', error);
}
};
fetchData();
}, [gameID]);