title: Checkbox is not checked in React Formik
body: <p>I developed a component for checkbox using React Formik Library.Below is my code</p>
  <pre><code>const CheckBoxGroup = (props) =&gt; {
   const { label,name,options,...rest } = props
    return ( 
    &lt;React.Fragment&gt;
  &lt;label htmlFor={name}&gt; {label} &lt;/label&gt;
  &lt;div className='form-check form-check-inline'&gt;
      &lt;Field  name={name} id={name} {...rest} &gt;
          {
              ({field}) =&gt; {
                 return options.map( (option) =&gt; {
                     
                      return ( &lt;React.Fragment key={option.key}&gt; 
                       
                          &lt;input type=&quot;checkbox&quot; 
                          id={option.value}  {...field} value={option.value}
                          checked={field.value.includes(option.value)}
                         /&gt;
                          &lt;label class=&quot;form-check-label&quot; htmlFor={option.value}&gt;{option.key}&lt;/label&gt;
                      &lt;/React.Fragment&gt;)
                  })
              }
             
          }
      &lt;/Field&gt;
      &lt;ErrorMessage name={name} component={TextError} /&gt;
  &lt;/div&gt;
  &lt;/React.Fragment&gt;
   );
  }
  </code></pre>
  <p>Interesting part is that when checked property is present the checkbox is not cheked but if i remove checked property it is checked.what is the reason?</p>