Cancel all tasks in login flow

I have this saga:

function* authorizedFlow() {
  let payload
  while (({payload} = yield take(actions.LOGIN_SUCCESS))) {
    const { access_token } = payload
    yield race({
      watchers: yield [
        call(refreshUser, access_token),
        call(refreshActivities, access_token),
        call(refreshPendingTransactions, access_token)
      ],
      logout: yield take(actions.LOGOUT_SUCCESS)
    })
    console.info("authorizedFlow: Logged out")
  }
}

I would like to cancel all the watchers when the LOGOUT_SUCCESS action was sent. The cancel method does not seem to accept an array of tasks. Whats the most elegant way to cancel those watchers. Is that flow a good pattern anyway? Of course each watcher could race against the LOGOUT_SUCCESS itself but I’d like to keep them clean.

[yelouafi]

@pke Ok I missed your first example. Inside race, you shouldn’t yield effects just specify them

yield race({
      watchers: /*yield*/ [
        call(refreshUser, access_token),
        call(refreshActivities, access_token),
        call(refreshPendingTransactions, access_token)
      ],
      logout: /*yield*/ take(actions.LOGOUT_SUCCESS)
    })

[yelouafi]

closing this. ESlint rules is tracked in #179