createOrganization.js

import React from 'react';
import PropTypes from 'prop-types';

import CreateOrganization from '../components/CreateOrganization';
import ErrorPage from '../components/ErrorPage';
import Page from '../components/Page';
import { withUser } from '../components/UserProvider';

class CreateOrganizationPage extends React.Component {
  static propTypes = {
    LoggedInUser: PropTypes.object,
    loadingLoggedInUser: PropTypes.bool,
    refetchLoggedInUser: PropTypes.func.isRequired,
  };

  constructor(props) {
    super(props);
  }

  render() {
    const { LoggedInUser, loadingLoggedInUser, refetchLoggedInUser } = this.props;

    if (loadingLoggedInUser) {
      return <ErrorPage loading />;
    }

    return (
      <Page>
        <CreateOrganization LoggedInUser={LoggedInUser} refetchLoggedInUser={refetchLoggedInUser} />
      </Page>
    );
  }
}

// next.js export
// ts-unused-exports:disable-next-line
export default withUser(CreateOrganizationPage);