deployed to vercel successfully

package.json

@@ -25,6 +25,7 @@
     "react-player": "^2.9.0",
     "react-redux": "^7.2.5",
     "react-router-dom": "^5.3.0",
+    "react-scripts": "^5.0.0",
     "redux": "^4.1.1",
     "redux-promise": "^0.6.0",
     "redux-thunk": "^2.3.0",

src/store/actions/index.js

@@ -59,7 +59,6 @@ export const fetchSearchMovie = (searchTerm) => {
 export const fetchNetflixOriginals = () => {
   return async (dispatch) => {
     try {
-      // console.log('PROCESSS', process.env)
       const request = await axios.get(
         `/discover/tv?api_key=${process.env.API_KEY}&with_networks=213`
       )

webpack.config.js

@@ -7,18 +7,13 @@ const webpack = require('webpack')
 var path = require('path')
 
 module.exports = () => {
-  let envKeys = {}
-  if (process.env.VERCEL_ENV === 'production') {
-    envKeys = { API_KEY: process.env.API_KEY }
-  } else {
   // call dotenv and it will return an Object with a parsed key
   const env = dotenv.config().parsed
   // reduce env variables to an oject
-    envKeys = Object.keys(env).reduce((prev, next) => {
+  const envKeys = Object.keys(env).reduce((prev, next) => {
     prev[`process.env.${next}`] = JSON.stringify(env[next])
     return prev
   }, {})
-  }
 
   return {
     entry: './src/index.js',