Forms . 09 . Building the form Component

React Native
1

import React from ‘react’;
import { Formik } from ‘formik’;

function AppForm({ initialValues, onSubmit, validationSchema, children }) {
return (

      <Formik 
           initialValues={initialValues}
           onSubmit={onSubmit}
           validationSchema= {validationSchema}
      > 
           <>{children}</>
      </Formik>
 );

}

export default AppForm;

Inside the should pass only the children wrapped on a fragment as: <> {children} </>.

Otherwise has not been working and I’ve spent too much time trying to fix it as far that I think I got it.
By the way, if someone of you knows if is not like this just let me know on the comments below.

Thanks!!!