How can I fix the error with gifurl output to display a gif when I click on it? I get a ERROR Unexpected end of JSON input SyntaxError: Unexpected end of JSON input at fetchData and undefined error when I click on an exercise.

Question

useEffect(() => {
    const fetchExerciseData = async () => {
const exerciseDbUrl = 'https://exercisedb.p.rapidapi.com';
const youtubeSearchUrl = 'https://youtube-search-and-download.p.rapidapi.com';
const exerciseDetailData = await fetchData(`${exerciseDbUrl}/exercises/exercise/${id}`, exerciseOptions);
console.log({exerciseDetailData});
setExerciseDetail(exerciseDetailData);
}
...
    
        <img loading="lazy" alt="{name}" src="{gifUrl}">

ExerciseDB

9.9 / 10

359ms

98%

100%

How can I fix the error with gifurl output to display a gif when I click on it? I get a ERROR Unexpected end of JSON input SyntaxError: Unexpected end of JSON input at fetchData and undefined error when I click on an exercise.