title: Formik component not being rendered with react-tabs
body: <p>I'm trying to use <a href="https://www.npmjs.com/package/react-tabs" rel="nofollow noreferrer">react-tabs</a> with <a href="https://www.npmjs.com/package/formik" rel="nofollow noreferrer">Formik</a> but everytime i put the <code>&lt;Formik&gt;</code> tag, nothing gets rendered. This is what i'm trying to do:</p>
  
  <pre><code>    &lt;div className={classes.root}&gt;
        &lt;Typography className={classes.headerText}&gt;Editar lojista&lt;/Typography&gt;
        &lt;Tabs&gt;
          &lt;TabList&gt;
            &lt;Tab&gt;Loja e responsável&lt;/Tab&gt;
            &lt;Tab&gt;Segurança&lt;/Tab&gt;
          &lt;/TabList&gt;
          &lt;Formik
            initialValues={this.getInitalValues()}
            onSubmit={(values, { setSubmitting }) =&gt; {
              setTimeout(() =&gt; {
                // alert(JSON.stringify(values, null, 2));
                setSubmitting(false);
                console.log(values);
              }, 400);
            }}
            validationSchema={schema}&gt;
            {({
              values,
              errors,
              touched,
              handleChange,
              handleBlur,
              handleSubmit,
              isSubmitting
              /* and other goodies */
            }) =&gt; (
              &lt;form className={classes.form}&gt;
                &lt;TabPanel&gt;
                  &lt;MainLojistaForm /&gt; {/* this is one component */}
                &lt;/TabPanel&gt;
                &lt;TabPanel&gt;
                  &lt;SegurancaForm /&gt; {/* this is one component */}
                &lt;/TabPanel&gt;
                &lt;div className={classes.saveContainer}&gt;
                  &lt;Button
                    variant="contained"
                    type="submit"
                    className={classes.button}&gt;
                    Salvar
                  &lt;/Button&gt;
                &lt;/div&gt;
              &lt;/form&gt;
            )}
          &lt;/Formik&gt;
        &lt;/Tabs&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And this is a printscreen of what it looks like without Formik:
  <a href="https://i.stack.imgur.com/x67hh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x67hh.png" alt="react-tabs"></a></p>
  
  <p>I really dont know what i'm doing wrong. Anyone ever had this issue?
  The unique error i get is from react-tabs: </p>
  
  <blockquote>
    <p>1.chunk.js:252727 Warning: Failed prop type: There should be an equal number of 'Tab' and 'TabPanel' in <code>UncontrolledTabs</code>. Received 2 'Tab'
    and 0 'TabPanel'.</p>
  </blockquote>