Using .get() inside a React @observer render function throws an error

Hi @danielearwicker ,

when I use .get() inside the render() function of an @observer I get an error × Error: promisedComputed must be used inside reactions. I thought the render function of a React component is also considered an reaction or am I wrong?

Here’s a small example

@observer
class ConnectorTable extends React.Component<Props> {
  render() {
    const { connectorsStore } = this.props;

    const connectors = connectorsStore.connectors.get();

    if (!connectors) {
      return (
        <Loader active size="huge">
          Loading Connectors please wait...
        </Loader>
      );
    }

    return (
      <Page title="Connectors">
        <Item.Group>{connectors.map(renderConnector)}</Item.Group>
      </Page>
    );
  }
}

export class ConnectorsStore {

  constructor(private _orgStore = orgStore) {}

  connectors = promisedComputed(null, async () => {
    return fetchConnectors(this._orgStore.selectedOrgId);
  });
}

When I use .value it works as expected (because .value doesn’t do the reaction check), but because .value is private typescript complains about it’s usage.

[atljoseph]

THIS IS STILL AN ISSUE.

Annoying because the whole reason i use mobx is to keep from having to use STATE.

Using: “computed-async-mobx”: “^3.2.0”, “react-native”: “0.49.5”,

[Ahmed-osama]

I have the same issue

 "computed-async-mobx": "^4.1.1",
    "mobx": "^5.13.0",
    "mobx-utils": "^5.4.1"

as mentioned in another solution