title: React-bootstrap switch not displaying
body: <p>I'm trying to incorporate Formik and React-bootstrap.</p>
  
  <p>It's going as expected except the switch component.</p>
  
  <p>Here is my function for rendering the switch:</p>
  
  <pre><code>function ReactSwitch(props){
      return(
          &lt;&gt;
              &lt;Col md={props.col}&gt;
                  &lt;Form.Group&gt;
                      &lt;Form.Check 
                          type="switch"
                          id={props.id}
                          name={props.name}
                          label={props.label}
                          checked={props.checked}
                          onChange={props.onChange}
                      /&gt;
                  &lt;/Form.Group&gt;
              &lt;/Col&gt;
          &lt;/&gt;
      );
  }
  </code></pre>
  
  <p>And here is my initialization for Formik:</p>
  
  <pre><code>const formik = useFormik({
          initialValues: {
            wflow_switch: false
          },
          onSubmit: values =&gt; {
            alert(JSON.stringify(values, null, 2));
          },
  });
  </code></pre>
  
  <p>Note that when I change the type from switch to checkbox, it displays a checkbox but still no label. What am I doing wrong? I'm still learning React so any comments are appreciated.</p>