Hi there, I am seeing the attached error occurring in my React-Native app: <p dir=

Unhandled Exception in createLogicAction$.js about redux-logic HOT 2 CLOSED

jeffbski commented on July 28, 2024

Unhandled Exception in createLogicAction$.js

from redux-logic.

Comments (2)

jeffbski commented on July 28, 2024

I think for sure you would want to set latest: true so that new requests will cancel the old ones.

You might need to also set a cancelType to the action you use to trigger logout so that it will trigger a cancellation here too.

Also you might need to use the cancelled$ to unsubscribe on cancellation/latest

Code might looks something like:

export const fetchMarkersLogic = createLogic({
  type: MARKERS_FETCH_REQUEST,
  latest: true, // take latest only
  cancelType: MARKERS_LOGOUT, // whatever your logout action is

  process({ firebase, action, cancelled$ }, dispatch) {
    const { currentUser } = firebase.auth();
    const onData = snapshot => {
        const markers = _toArray(snapshot.val());
        dispatch(
          { type: MARKERS_FETCH_SUCCESS, payload: markers },
          { allowMore: true } // Allow multiple dispatch
        );
      };
    firebase.database().ref(`/markers/${currentUser.uid}`)
      .on('value', onData);

    cancelled$.subscribe(() => 
      firebase.database().ref(/markers/${currentUser.uid}`)
        .off('value', onData); // unsusbscribes from firebase on cancellation/latest
     )  
  }
});