title: Uncaught (in promise) TypeError: Cannot read property of undefined
body: <p>I have a saga which dispatch a <code>SIGNIN</code> action to the store.</p>
  
  <pre><code>const { status, userDetails: {token} } = yield take(SIGNIN);
  yield put({ type:SIGNIN, payload: {status, token} });
  </code></pre>
  
  <p>Inside the <code>reducer</code> I am able to log the <code>payload</code> which is it contains the property and value of <code>status and token</code>,</p>
  
  <pre><code>authenticated: createReducer(userAuthenticated, {
      [SIGNIN](state, action) {
          console.log(action.payload);
      }
  })
  </code></pre>
  
  <p>but when I try to access the property inside the <code>payload object</code> by doing <code>console.log(action.payload.status)</code>, I get <code>Uncaught (in promise) TypeError: Cannot read property 'status' of undefined</code>. Are we not suppose to access the property of the payload object inside the reducer?</p>