App stops executing next lines of code after network requests

What’s going on?

I’m waiting for network requests to finish before change the state of the app using mobx actions, I’m using generator functions as described in here

Here’s a screenshot of logs from Reactotron, there should be a log after the API response that shows the state change

Action:

.actions((self) => ({
  // ...
  signIn: flow(function* (form: CustomerSigninForm) {
    const api = self.environment.apis.guest
    const signinResult = yield api.signinAsCustomer(form) // <= code stops executing here

    // state change (saving token, fetching user details, etc

  }),
  // ...
}))

API method:

export class GuestApi extends Api {
  // client config, other methods
  async signinAsCustomer(form: CustomerSigninForm): Promise<SigninCustomerResult> {
    const url = this.base + "/integration/customer/token"
    const params = mapToCustomerSigninRequest(form)
    const response = await this.apisauce.post<string>(url, params) // <-- Code lines after this line don't execute
    if (!response.ok) {
      return getGeneralApiProblem(response) || { kind: "bad-data" }
    }
    return { kind: "ok", token: response.data }
  }
}

I’m experiencing this issue with both Android and iOS, however on Android, if I turn off DEV from cmd + M > Settings and reload the app it works perfectly fine

I tried running it with minification enabled and the issue still persists, am I doing something wrong?

---

Steps to reproduce

Will create a reproduction repo if no one has faced this issue before

---

npx ignite-cli doctor results:

[carlosa54]

Hi @ibrahimelaradi out of curiosity can you remove/comment out the <ToggleStorybook> component in app.tsx and see if it works?

https://github.com/infinitered/ignite/blob/10efc3878567926e9466c028c648ddb9e65f6b8d/boilerplate/app/app.tsx#L58-L69

Just in case I had a similar issue and I ended up fixing it by refactoring the file below to use ES6 import instead

https://github.com/infinitered/ignite/blob/10efc3878567926e9466c028c648ddb9e65f6b8d/boilerplate/storybook/toggle-storybook.tsx#L48

[ibrahimelaradi]

Hello @carlosa54, I commented out the wrapper and it worked fine, I’ll refactor toggle-storybook.tsx to use ES6 import Thank you!