title: Yield call returning undefined
body: <p>Anybody can help me what's wrong with my code. I trying to get data from API in sagas file like this. I've try to console.log the response.data in read function and I get the data (array). But when it assigned in variable (data) in generator function it has undefined.</p>
  <pre><code>// sagas.js
  
  const PATH = 'product';
  
  const read = async (path) =&gt; {
     await request.get(path)
        .then(response =&gt; {
           console.log('response from read :', response.data)
           return response.data;
        })
        .catch(err =&gt; { throw err })
  }
  
  function* loadProduct() {
     try {
        const data = yield call(read, PATH);
        yield put(actions.loadProductSuccess(data));
     }
     catch (error) {
        console.log('what's the error :', error)
        yield put(actions.loadProductFail());
     }
  }
  
  
  export default function* rootSaga() {
     yield all([
        takeEvery('LOAD_PRODUCT', loadProduct)
     ]);
  } 
  </code></pre>