CreateUserModal-v1.js

import React from 'react';

export default class CreateUserModal extends React.Component {
  render() {
    const { isOpen, isLoading, errorMessage, onClose } = this.props;

    if (isLoading) {
      return <Spinner />;
    }

    return (
      <Modal show={isOpen} onClose={onClose}>
        <Alert>{errorMessage}</Alert>
      </Modal>
    );
  }
}

UserManagementPage-v1.js

import autobind from 'autobind-decorator';
import React from 'react';
import { inject, observer } from 'mobx-react';

import CreateUserModal from './CreateUserModal';

@inject('appStore')
@observer
export default class UserManagementPage extends React.Component {
  @autobind
  onCreateUserModalClosed() {
    this.props.appStore.closeCreateUserModal();
  }

  render() {
    const { appStore } = this.props;

    return (
      <div id="user-management-page">
        <Button onClick={appStore.openCreateUserModal}>Create User</Button>
        <CreateUserModal
          isOpen={appStore.isCreateUserModalOpen}
          isLoading={appStore.isCreateUserModalLoading}
          errorMessage={appStore.createUserModalErrorMessage}
          onClose={this.onCreateUserModalClosed}
        />
        {/* ... */}
      </div>
    );
  }
}