diff --git a/src/components/join-flow/join-flow.jsx b/src/components/join-flow/join-flow.jsx
new file mode 100644
index 000000000..bc31240d3
--- /dev/null
+++ b/src/components/join-flow/join-flow.jsx
@@ -0,0 +1,30 @@
+const PropTypes = require('prop-types');
+const React = require('react');
+
+const injectIntl = require('../../lib/intl.jsx').injectIntl;
+const intlShape = require('../../lib/intl.jsx').intlShape;
+
+/*
+eslint-disable react/prefer-stateless-function, react/no-unused-prop-types, no-useless-constructor
+*/
+class JoinFlow extends React.Component {
+    constructor (props) {
+        super(props);
+    }
+    render () {
+        return (
+            <React.Fragment />
+        );
+    }
+}
+
+JoinFlow.propTypes = {
+    intl: intlShape,
+    onCompleteRegistration: PropTypes.func
+};
+
+module.exports = injectIntl(JoinFlow);
+
+/*
+eslint-enable
+*/
diff --git a/src/components/modal/join/modal.jsx b/src/components/modal/join/modal.jsx
index 648d7341c..c8898b4e2 100644
--- a/src/components/modal/join/modal.jsx
+++ b/src/components/modal/join/modal.jsx
@@ -1,6 +1,7 @@
 const PropTypes = require('prop-types');
 const React = require('react');
 const Modal = require('../base/modal.jsx');
+const JoinFlow = require('../../join-flow/join-flow.jsx');
 
 require('./modal.scss');
 
@@ -16,7 +17,11 @@ const JoinModal = ({
         isOpen={isOpen}
         onRequestClose={onRequestClose}
         {...modalProps}
-    />
+    >
+        <JoinFlow
+            onCompleteRegistration={onCompleteRegistration}
+        />
+    </Modal>
 );
 
 JoinModal.propTypes = {