title: How to dispatch non blocking
body: <p>I am having an issue that my UI is blocked for a second during execution of a saga. I have tried to make my saga non blocking and it looks like it is. It finishes very fast. Why is my dispatch blocking until the saga has finished?   </p>
  
  <pre><code>//Saga
  function* test(action) {
    console.time('test')
    yield put({type : 'test'});
    console.timeEnd('test')
  }
  
  function* changeFilterSaga(action) {
    console.time('changeFilterSaga')
    yield* test(test, action);
    console.timeEnd('changeFilterSaga')
  }
  
  export default function* watchChangeFilter() {
    yield takeLatest(FILTER_MYNDIGHET, changeFilterSaga);
  }
  
  
  //dispatch action
  filterData: ({ apply, filter }) =&gt; {
    console.time('filterData')
    dispatch(changeFilter({ apply, filter }));
    console.timeEnd('filterData') // everything blocks until I am here
  }
  </code></pre>