React component re-render unless yield delay

[duyhau206]

Hi everybody, in my react app, I dispatch an action to update the state in the reducer. But my component just re-render unless I use yield delay with my action.
Here is my saga:
export function* TestSagaFunc() { try { yield put({ type: actions.TEST_DONE }); } catch (error) { console.log(error); } }; export default function* rootSaga() { yield all([ yield takeEvery(actions.TEST, TestSagaFunc) ]); };
This doesn't work, the component not re-render:
export function* TestSagaFunc() { yield put({ type: actions.TEST_DONE }); };
This work:
export function* TestSagaFunc() { yield delay(0); yield put({ type: actions.TEST_DONE }); };
What was I missing? Thank for watching.