set env variables config in webpack file

src/containers/Documentaries.js

@@ -1,42 +1,39 @@
 import React, { Component } from 'react';
-import { bindActionCreators } from "redux";
+import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 
 import { getMovieRows } from '../getMovie';
 import { fetchDocumentaries } from '../store/actions/index';
 
 class Documentaries extends Component {
-
   componentWillMount() {
     this.props.fetchDocumentaries();
   }
 
   render() {
-    let movies
-    // Call getMoviesRows function only when we get the data back 
-    // from the API through redux 
+    let movies;
+    // Call getMoviesRows function only when we get the data back
+    // from the API through redux
     if (this.props.movies.data) {
-      const url = '/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=99';
+      const url =
+        '/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=99';
       movies = getMovieRows(this.props.movies.data, url);
     }
     return (
       <>
         <h1 className="movieShowcase__heading">Documentaries</h1>
-        <div className="movieShowcase__container">
-          {movies}
-        </div>
+        <div className="movieShowcase__container">{movies}</div>
       </>
-    )
+    );
   }
 }
 
-
 const mapStateToProps = (state) => {
-  return { movies: state.documentary }
-}
+  return { movies: state.documentary };
+};
 
 const mapDispatchToProps = (dispatch) => {
-  return bindActionCreators({ fetchDocumentaries }, dispatch)
-}
+  return bindActionCreators({ fetchDocumentaries }, dispatch);
+};
 
-export default connect(mapStateToProps, mapDispatchToProps)(Documentaries);
+export default connect(mapStateToProps, mapDispatchToProps)(Documentaries);