title: How to write a multi export in react?
body: <p>I tried to export multiple component but without success.</p>
  
  <p>The code for export is the following:</p>
  
  <pre><code>export default props =&gt; {
    const validate = (values, props) =&gt; {
      let errors = {};
  
      if (!values.userName) {
        errors.userName = "required";
      }
      if (!values.userEmail) {
        errors.userEmail = "required";
      }
      if (!values.userPhone) {
        errors.userPhone = "required";
      }
      return errors;
    };
  
    return (
      &lt;Formik
        initialValues={props.frequency || {}}
        validate={validate}
        render={formikProps =&gt; &lt;Recipients {...props} {...formikProps} /&gt;}
      /&gt;
    );
  };
  
  Recipients.propTypes = {
    recipients: PropTypes.arrayOf(
      PropTypes.shape({
        nome: PropTypes.string,
        email: PropTypes.string,
        phone: PropTypes.string,
        notificationType: PropTypes.arrayOf(
          PropTypes.shape({
            email: PropTypes.bool,
            SMS: PropTypes.bool
          })
        )
      })
    ),
    changeRecipients: PropTypes.func
  };
  
  const styles = theme =&gt; ({
    primaryColor: {
      color: theme.palette.primary.main
    }
  });
  
  export default withStyles(styles, { withTheme: true })(Recipients);
  </code></pre>
  
  <p>How i can do this export?
  Recipients is my class, withstyles is material ui for theme, and const validate is formik for valite input.</p>