catch flow cancel error #2789

DMS40 · 2021-02-05T10:38:25Z

DMS40
Feb 5, 2021

Hello, I have some question about mobx's flow

Case

I use react, and call mobx flow method from component's useEffect hook.
When useEffect's clear function is called, I want to call flow's cancel() and I did it.

it's what I want exactly!

But I met this message

That makes my integrate test fail and I don't want to show this message from chrome developement console.

Question

Can I catch this error? I tried but failed. or Is it unexpected case?

Thank you for your time

Answered by iChenLei

Feb 17, 2021

solved by #2790 (comment)

View full answer

mweststrate · 2021-02-05T11:02:11Z

mweststrate
Feb 5, 2021
Maintainer

You should be able to catch it like you catch any promise error

3 replies

DMS40 Feb 5, 2021
Author

@mweststrate I tried but can't catch it 😭

This is what I tested, Like mobx example

class Store {
    state = 'pending'

    constructor() {
      makeAutoObservable(this, {
        fetchProjects: flow,
      });
    }

    * fetchProjects() {
      this.state = 'pending';

      try {
        const result = yield new Promise((res, rej) => {
          setTimeout(() => {
            res('good');
          }, 3000);
        });
        // not fired by cancel()
        console.log(result);

        this.state = 'done';

      } catch (error) {
        //here ? 
        this.state = 'error';
      }
    }
}

//Will be in React App
(() => {
  const store = new Store();

  try{
    const some = flowResult(store.fetchProjects());

    // will fired useEffect's clear function
    some.cancel();
  }catch(e) {
    //or here ? 
    console.log(e);
  }
})();