title: Why my action is not triggering in the reducer?
body: <p>does anyone knows why nothing happens when the button is clicked?</p>
  
  <p>im trying to fetch the movielist from the server when the button is clicked but it doesnt even shows that the action is working the way i expected to be.</p>
  
  <p>my react index js</p>
  
  <pre><code>import React from 'react';
  import { connect } from 'react-redux';
  import { getMovies } from '../../actions/movieActions';
  
  const Home = ({ movie }) =&gt; {
    const handleClick = () =&gt; {
      getMovies();
    };
  
    return (
      &lt;div&gt;
        &lt;button onClick={() =&gt; handleClick()}&gt;Get Movies&lt;/button&gt;
      &lt;/div&gt;
    );
  };
  
  const mapStateToProps = state =&gt; ({
    movie: state.movie.movies
  });
  
  export default connect(mapStateToProps, { getMovies })(Home);
  </code></pre>
  
  <p>my rootReducer</p>
  
  <pre><code>import { combineReducers } from 'redux';
  import movieReducer from './movieReducer';
  
  export default combineReducers({
    movie: movieReducer
    // log is what we are calling our state
  });
  </code></pre>
  
  <p>my movie reducer</p>
  
  <pre><code>import { GET_MOVIES } from '../actions/types';
  
  const initialState = {
    movies: null
  };
  
  export default (state = initialState, action) =&gt; {
    switch (action.type) {
      case GET_MOVIES:
        return {
          ...state,
          movies: action.payload
        };
      default:
        return state;
    }
  };
  </code></pre>
  
  <p>my movie actions</p>
  
  <pre><code>import { GET_MOVIES } from './types';
  
  // get movies from server
  export const getMovies = () =&gt; async dispatch =&gt; {
    try {
      const res = await fetch('http://localhost:5000/api/movies');
      const data = await res.json();
  
      dispatch({
        type: GET_MOVIES,
        payload: data
      });
    } catch (error) {
      console.log(error);
    }
  };
  </code></pre>
  
  <p>my types.js</p>
  
  <pre><code>export const GET_MOVIES = 'GET_MOVIES';
  </code></pre>
  
  <p>my store.js</p>
  
  <pre><code>import { createStore, applyMiddleware } from 'redux';
  import { composeWithDevTools } from 'redux-devtools-extension';
  import thunk from 'redux-thunk';
  
  import rootReducer from './reducers';
  
  const initialState = {};
  
  const middleware = [thunk];
  
  const store = createStore(
    rootReducer,
    initialState,
    composeWithDevTools(applyMiddleware(...middleware))
  );
  
  export default store;
  </code></pre>