const React = require('react');
const render = require('../../lib/render.jsx');
const JoinModal = require('../../components/modal/join/modal.jsx');
const ErrorBoundary = require('../../components/errorboundary/errorboundary.jsx');
// Require this even though we don't use it because, without it, webpack runs out of memory...
const Page = require('../../components/page/www/page.jsx'); // eslint-disable-line no-unused-vars

const openModal = true;
const showCloseButton = false;
const Register = () => (
    <ErrorBoundary>
        <JoinModal
            isOpen={openModal}
            key="scratch3registration"
            showCloseButton={showCloseButton}
        />
    </ErrorBoundary>
);
render(<Register />, document.getElementById('app'));

const React = require('react');
const render = require('../../lib/render.jsx');
const JoinModal = require('../../components/modal/join/modal.jsx');
const ErrorBoundary = require('../../components/errorboundary/errorboundary.jsx');
// Require this even though we don't use it because, without it, webpack runs out of memory...
const Page = require('../../components/page/www/page.jsx'); // eslint-disable-line no-unused-vars

const Register = () => (
    <ErrorBoundary>
        <JoinModal
            isOpen
            key="scratch3registration"
            showCloseButton={false}
        />
    </ErrorBoundary>
);
render(<Register />, document.getElementById('app'));

Put values directly in render props.
Put values directly in render props.
