title: Action get dispatched but nothing happen
body: <p>I'm trying get data from action payload to use in redux-saga but it return <code>undefined</code></p>
  <p>Here is some code</p>
  <p><strong>Action</strong></p>
  <pre><code>export const GetUserInfo = (user, password) =&gt; {
      return{
          type: actionList.GET_USER_INFO,
          data: {user, password},
      }
  };
  </code></pre>
  <p><strong>Saga part</strong></p>
  <p><strong>LoginSaga</strong></p>
  <pre><code>function* loginSaga(action) {
  
      console.log('Saga is working')
      const getJson = yield call(requestGetUser)
      const getJsonData = getJson
  
      const getJsonUsername = String(getJsonData.username)
      console.log(getJson)
      console.log('getjson data ', getJsonUsername)
      console.log(action.data.username) // try to get data but return undefined
  
      const getJsonPassword = String(getJsonData.password)
  
      if (String(action.data.username) === getJsonUsername) {
          if (String(action.data.password) === getJsonPassword) {
              console.log('saga login success')
              yield put({type: 'LOGIN_SUCCESS'})
              SaveToAsyncStorage(action.data)
          }
          else {
              console.log('saga password fail')
          }
      }
      else {
          console.log(&quot;saga user fail&quot;)
      }
  }
  export {loginSaga}
  </code></pre>
  <p><strong>WatchSaga</strong></p>
  <pre><code>export function* watchSaga() {
      yield takeLatest(GET_USER_INFO,loginSaga);
  }
  </code></pre>
  <p>Main file use <code>useDispatch(username,password)</code> to store these data, it show in redux extension, but return undefined
  Here is a gif to show what going on</p>
  <p>Thank a lot</p>
  <p><a href="https://i.stack.imgur.com/HT8O2.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HT8O2.gif" alt="enter image description here" /></a></p>