Integration with Formik?

[shane-jung]

Hi everyone,

Bit new here, but just curious if anyone's had any success integrating Tremor's Select component with Formik. I'm having trouble synchronizing the Formik value with the current selected value. Is there some way to be using onValueChange along with Formik's handleChange. Small example below of what I've been trying.

<Field name={"letter"} as={TremorSelect} value={formik.values.letter} onValueChange={formik.handleChange}>
    <SelectItem value="a"> A </SelectItem>
    <SelectItem value="b"> B </SelectItem>
    <SelectItem value="c"> C </SelectItem>
</Field>

I see that onValueChange is (s: string) => void, while Formik's handleChange is (e: React.ChangeEvent<any>) => void and I assume this is where I'm tripping up.

Thanks for your help! Really enjoying Tremor so far.

[shane-jung]

Figured it out! Just learned about Formik's setFieldValue, which is what I had been missing before 😄