title: Redux Saga watcher not getting dispatched action
body: <p>I'm trying to setup Redux-Saga in my create-react-app project. I'm following a tutorial but somehow the dispatched action is not triggering Redux-Saga watcher. It is a login functionality without integrating the API first (just wanted to wrap my head around how Redux-Saga works).</p>
  
  <p>Here's a snippet of my login action</p>
  
  <pre><code>export const userLogin = (username) =&gt; ({
      type: USER_LOGIN,
      payload: {username},
  });
  </code></pre>
  
  <p>Heres a copy of my loginSaga</p>
  
  <pre><code>import { take } from 'redux-saga/effects';
  import { USER_LOGIN } from '../utils/constants';
  
  
  function* handleUserLogin(action){
      console.log('action: ', action);
  }
  
  export default function* watchUserLogin(){
      yield take(USER_LOGIN, handleUserLogin);
  }
  </code></pre>
  
  <p>Here's my rootSaga</p>
  
  <pre><code>import { all } from 'redux-saga/effects';
  
  import loginSaga from '../components/Login/saga/loginSaga';
  
  export default function* rootSaga() {
      yield all([loginSaga()]);
  }
  </code></pre>
  
  <p>And here's how I'm applying it to the store</p>
  
  <pre><code>import { createStore, applyMiddleware, compose } from 'redux';
  import createSagaMiddleware from 'redux-saga';
  
  import rootSaga from '../sagas';
  
  import rootReducer from '../reducers';
  
  const configureStore = () =&gt; {
      const sagaMiddleware = createSagaMiddleware();
      const store = createStore(
          rootReducer,
          window.__REDUX_DEVTOOLS_EXTENSION__ ?
              compose(
                  applyMiddleware(sagaMiddleware),
                  window.__REDUX_DEVTOOLS_EXTENSION__(),
              ) : applyMiddleware(sagaMiddleware),
      );
      sagaMiddleware.run(rootSaga);
      return store;
  };
  
  export default configureStore;
  </code></pre>
  
  <p>I'm not getting the console log on handleUserLogin(). Let me know if there is something I did wrong. Thanks!</p>