redux saga で3秒ごとにreducerにactionを渡して、stopをかけたらその処理を止めたい

Question

やりたいことは表題の通りなのですが、reduxsagaで3秒ごとにreducerにactionを渡して、stopの処理をかけたらその処理を止めたいです。

現状コードは下記のような感じです。エンティティはtaskというものになります。
もちろん下記では動きません。3秒ごとにreducerへactionを渡すことはできていますが、それを止める方法がわからないでいます。

function* changeTask(action) {
  try {
    const task = action.payload
    yield call(controlTime, task)    
    toastr.success('update success!')
  } catch(e) {
    toastr.error(`${e}`)
  }
}

function* controlTime(task) {
  if (task.status === WORKING) {
    while(true) {
      yield put({ type: 'UPDATE_TASK', task })
      yield delay(3000)
    }
  } else {
    return
  } 
}

function* watchChangeTask() {
  yield takeEvery('REQUEST_CHANGE_TASK', changeTask)
}

そもそもsetIntervalを使えば良いのでは？というふうに思うのですが、setIntervalのなかで
reduxsagaで

let timer = null;
const start = () => {
  timer = setInterval(() => yield put({ type: 'UPDATE_TASK', task })), 3000);
}

を実行できなかったので、sagaのdelayを使って実装したい感じです。実行できないというのはどのような判断かというと、reducer側にconsole.logを書いたのですが、3秒ごとでも実行されなかったのでそのような判断をしました。

export const taskReducer = handleActions(
  {
    UPDATE_TASK: (state = initialState, action) => {
      console.log('uuuuuu')
      const newTask = action.task
      return { ...state, tasks: [...state.tasks.map((task) => task.id === newTask.id ? { ...task, status: newTask.status } : task)] };
    }
  },
  initialState
);

質問事項としては、

1. setintervalを使わず処理をstopできるやり方をご存知でしたらお伺いしたいです。
2. もしそもそもsetintervalでreducerにaction渡せる場合はそのやり方をお伺いできればと思います。

何卒よろしくお願いします。