نشان دادن پروسه دانلود با saga و axios

سلام دوستان.یک یه هفته ای هست این مشکل رو دارم راهنمایی کنید ممنون میشم.
میخوام همزمان که کاربر داره ویدیو رو اپلود میکنه ,پروسه دانلود و در اصل درصدی که کامل شده رو بهش نشون میدم.ولی eventchannel درصد رو emit نمیکنه و برنمیگردونه.
@hesammousavi
@milad
@mhyeganeh
@ali.bayat

اینم کد saga.js:

const identity = a => a;

const createAsyncUpload = file => {
  let emit;
  const chan = eventChannel(emitter => {
    emit = emitter;
    return () => {};
  });

  const promise = uploadVideoApi(file, function promiseFunction(e) {
    emit((e.loaded * 100) / e.total);
  })
    .then(response => emit({ state: 'ok', response }))
    .catch(error => emit({ state: 'nok', error }));

  return [promise, chan];
};

function* watchOnProgress(chan) {
  while (true) {
    const data = yield take(chan);
    if (typeof data === 'number') {
      yield put(fileUploadProgressAction(data));
    } else if (data.state === 'ok') {
      yield put(fileUploadSuccessAction(data.response.data));
    } else {
      yield put(fileUploadFailAction(data.error.response));
    }
  }
}

function* uploadVideo({ file }) {
  try {
    const [promise, chan] = createAsyncUpload(file);
    yield fork(watchOnProgress, chan);
    yield call(identity(promise));
  } catch (error) {
    yield put(fileUploadFailAction(error));
  }
}