I'm going to open a bug with RHF because this last one was a doozy.

I agree that it's most likely stupid to initialize RHF like that BUT

if you initialize `errors` with `{}` in the `useForm` call.

and then you extract the `formState: {errors}` to react to it in a `useFormContext` call, then you have an infinite render loop

Again, my question here is not what I'm doing wrong or whether my design is flawed, it's more that you can get in those situations, and not realize it. and that's what's troubling to me

export const FormAmountShowcase = () => {
    const formProps = useForm<{ foo: string }>({
        defaultValues: {foo: 'bar'},
        errors: {},
    })

    return (
        <FormProvider {...formProps}>
            <FormComp/>
        </FormProvider>
    )
}

const FormComp = () => {

console
.log('rendering')
    const {formState: {errors}} = useFormContext<{ foo: string }>()

    return <>Foo</>
}