Waiting for an action with takeMaybe / take after END is dispatched for SSR about redux-saga HOT 7 OPEN

faicing similar issue

from redux-saga.

facing similar issue

from redux-saga.

@klis87 , can you help on this? as facing the same issue

from redux-saga.

Greetings! Could you please provide a repo with everything setup so we can better investigate the issue?

from redux-saga.

Hi @neurosnap
Thanks for quick response
unable to provide the repo

But here are my findings
In server side, We have to dispatch the END

store.dispatch(END as any) 
await store.sagaTask.toPromise()

The middleware provides a special action END. If you dispatch the END
action, then all Sagas blocked on a take Effect will be terminated regardless
of the specified pattern. If the terminated Saga has still some forked tasks
which are still running, it will wait for all the child tasks to terminate
before terminating the Task.

as per my observation, here we can't use take then we are using takeMaybe (https://redux-saga.js.org/docs/api/#takemaybepattern)

const wantsToUseActionPayload = yield takeMaybe('STATE_UPDATE');
console.log(wantsToUseActionPayload) // { type: '@@redux-saga/CHANNEL_END' }

Requirement: We need to consume the response in xyz*, which comes from the api in abc*

from redux-saga.

Hi @neurosnap, @Andarist

Could anyone please let us know the ways to handle multiple inter dependent saga on SSR?

from redux-saga.

My understanding is: (please correct me if misunderstading)
when calling yield put(actionStateUpdate, response); in the generator abc. the action has been called. If you debug into the reducer, the code such as state.data = action.payload should have been executed. But at this time the store/state may not be applied the latest data even if you complete yield takeMaybe('STATE_UPDATE'); or yield take() call.
I don't know why. It may be related to the event loop of the redux-saga. the put call in the saga is a micro task, the state may not be updated until a macro task is called.
So, you can try to add yield delay(100); or call or setTimeout, etc. before yield select(); to init a macro task to ensure the state is updated (queued micro-tasks will be executed)

from redux-saga.