Error: Objects are not valid as a React child while using useeffect and fetch

30 Views Asked by At

I was trying to run this but its showing this error -

Error: Objects are not valid as a React child (found: object with keys {adult, backdrop_path, genre_ids, id, original_language, original_title, overview, popularity, poster_path, release_date, title, video, vote_average, vote_count}).  

also used another same type of useEffect function and didnt get the error i.e

 useEffect(() => {
   fetch(
     `https://api.themoviedb.org/3/search/movie?api_key=${process.env.REACT_APP_TMDB_KEY}&language=en-US&include_adult=false&query=${query}&page=${pageNumber}`
    )
      .then((res) => res.json())
      .then((data) => {
        if (!data.errors) {
          setResults(data.results);
        } else {
          console.log("error");
          setResults([]);
        }
      });
  }, [pageNumber, query]);

useEffect(() => {
    fetch(
      `https://api.themoviedb.org/3/discover/movie?api_key=${process.env.REACT_APP_TMDB_KEY}&language=en-US&include_adult=false&page=${pageNumber}&with_genres=${selected}`
    )
      .then((res) => res.json())
      .then((data) => {
        if (!data.errors) {
          let res = data.results
          setCategoryContent(res);
        } else {
          console.log("error");
          setCategoryContent([]);
        }
      });
  }, [pageNumber, selected]);
0

There are 0 best solutions below