[TIL] 05.13 Formik2 children error

어제 Formik render를 children으로 고쳐준 부분이 다른 형식에서 에러가나서 찾아 보았다. 

//부모
  <Field
    type="checkbox"
    name="tempHealthProblem"
    items={list}
  >
 	{props => <SurveySelections {...props} />}
  </Field>


//Field Component
<FormikField>
	{props => React.cloneElement(children, props)}
</FormikField>

위와 같은 형식에서는 에러가 나는 것이였다. 검색을 하고 여러가지 시도를 해본 결과 내 생각에는 부모에서 부모의 props를 건내주고 다시 자식에서 또 자식의 props를 건내주는 형식이 되어버려 에러가 나는게 아닐까란 생각이 들었다. 

 

그래서 children이 아닌 render와 형식은 똑같지만 지금 버전에서도 지원하는 component로 바꿔주어 해결을 하였다.