title: How to fix "net::ERR_CONTENT_DECODING_FAILED 200"
body: <p>I realize a ReactJS application with TMDB API, I also use Webpack version 2.2.1, and I randomly get the following error => net :: ERR_CONTENT_DECODING_FAILED 200 (OK).</p>
  
  <p>It is possible that I send too much data, gzip compression is necessary but I'm not sure.</p>
  
  <p>As I said it's an error that does not happen all the time, but it's often the same axios query that's about =></p>
  
  <pre><code>async fetchMovies () {
      this.setState({ isLoading:true})
  
      const promises = genres.map(async genre =&gt; {
  
        const response = await getMoviesWithGenresFromApi(genre.id).then(data 
        =&gt; {
          return data.results.slice(0,14)
        })
  
          return {
              movies:response,
              genretitle:genre.name,
              id:genre.id
          }
       });
  
      const result = await Promise.all(promises).then((result) =&gt; {
          this.setState({
              movieListWithGenre:result,
              hasMore: (this.state.movieListWithGenre.length &lt; 19),
              isLoading:false 
          })
      });
    }
  </code></pre>
  
  <p>AXIOS request:</p>
  
  <pre><code>export function getMoviesWithGenresFromApi(id_genre){
    return axios.get(`https://api.themoviedb.org/3/discover/movie?api_key={api_key}&amp;sort_by=popularity.desc&amp;language=fr&amp;include_adult=false&amp;include_video=false&amp;with_genres=${id_genre}`)
      .then((response) =&gt; response.data)
      .catch((error) =&gt; console.error(error))
  }
  </code></pre>
  
  <p>I would like to determine where this error comes from and what solutions to take to correct this error.</p>