added dependencies to the useEffect hook

src/hooks/useMovieTrailer.js

@@ -18,7 +18,7 @@ const useMovieTrailer = (id) => {
 
   useEffect(() => {
     getMovieVideos();
-  }, [id]);
+  }, [dispatch, id]);
 };
 
 export default useMovieTrailer;

src/hooks/useNowPlayingMovies.js

@@ -17,7 +17,7 @@ const useNowPlayingMovies = () => {
 
   useEffect(() => {
     getNowPlayingMovies();
-  }, []);
+  }, [dispatch, getNowPlayingMovies]);
 };
 
 export default useNowPlayingMovies;

src/hooks/usePopularMovies.js

@@ -17,7 +17,7 @@ const usePopularMovies = () => {
 
   useEffect(() => {
     getPopularMovies();
-  }, []);
+  }, [dispatch, getPopularMovies]);
 };
 
 export default usePopularMovies;

src/hooks/useTopRatedMovies.js

@@ -17,7 +17,7 @@ const useTopRateMovies = () => {
 
   useEffect(() => {
     getTopRatedMovies();
-  }, []);
+  }, [dispatch, getTopRatedMovies]);
 };
 
 export default useTopRateMovies;

src/hooks/useUpcomingMovies.js

@@ -17,7 +17,7 @@ const useUpcomingMovies = () => {
 
   useEffect(() => {
     getUpcomingMovies();
-  }, []);
+  }, [dispatch, getUpcomingMovies]);
 };
 
 export default useUpcomingMovies;