race effect without automatic cancellation ?

Hi,

I have this use case where I want to hava a race but avoid automatic cancellation :

export function* mySaga() {
  const task = yield fork(myApiCallSaga)
  let { timeout, result } = yield race({
    timeout: delay(500),
    result: task.done
  })

  if (timeout) {
    yield put({ type: 'display-something' })
    result = yield join(task)
  }

  return result
}

Basically here, I trigger an Api call in a forked saga, and if the forked task lasts more than 500ms, I display something (trigger a put), and join the forked tasked to get the result.

The problem here is that the race effect cancels myApiCall if the timeout expires.

May be there’s another way of doing this.

Thanks a lot

[youknowriad]

I’ve found this workaround, make the promise uncancelable :

export function* mySaga() {
  const task = yield fork(myApiCallSaga)
  const taskPromise = new Promise((resolve, reject) => {
    task.done.then(resolve, reject)
  })
  let { timeout, result } = yield race({
    timeout: delay(500),
    result: taskPromise
  })

  if (timeout) {
    yield put({ type: 'display-something' })
    result = yield taskPromise
  }

  return result
}

What do you think ?

[lnunno]

@yelouafi You mentioned here and a couple other issues that you were thinking of adding a non destructive race effect, can I ask if you tried this or have plans to implement? I have a use case for that type of effect as well.