API is not working properly

[glitter06]

idk why my API call only showing 2 or 3 result for only specific string and sometimes it even returning an empty array does anybody know how to fix this?

[Ta-nay]

were you able to fix this?

[Doobiii]

add this code in FetchData
export const exerciseOptionsAll = { method: 'GET', url: 'https://exercisedb.p.rapidapi.com/exercises', params: { limit: '1000', offset: '0' }, headers: { 'x-rapidapi-key': process.env.REACT_APP_RAPID_API_KEY, 'x-rapidapi-host': 'exercisedb.p.rapidapi.com' } };

and make a new fetchDataAll in FetchData.js
export const fetchDataAll = async () => { const { url, params, headers, method } = exerciseOptionsAll; const queryString = new URLSearchParams(params).toString(); const fullUrl =${url}?${queryString}`;

const options = {
    method,
    headers
};

try {
    const response = await fetch(fullUrl, options);
    const data = await response.json();
    return data;
} catch (error) {
    console.error('Error fetching data:', error);
}

};
then call the fetchDataAll in SearchExercises.jsconst handleSearch = async () => {
if (search) {
const exercisesData = await fetchDataAll();
const searchedExercises = exercisesData.filter(
(item) => item.target.toLowerCase().includes(search)
|| item.name.toLowerCase().includes(search)
|| item.equipment.toLowerCase().includes(search)
|| item.bodyPart.toLowerCase().includes(search)
);
window.scrollTo({ top: 1800, left: 100, behavior: 'smooth' });

  setSearch('');
  setExercises(searchedExercises);
}

};`

this will solve your problem