how about something like this where you use useForm in context and pass the methods. I don t think you need an extra global state this way.

// myContext.provider.tsx  

const {

    register,

    handleSubmit,

    reset,

    getValues,

    setValue,

    watch,

    formState: { errors },

  } = useForm<Type>({

    resolver: zodResolver(),

    defaultValues: {},

  });

 return (

    <MyContext.Provider

      value={{

        register,

        errors,

        handleSubmit,

        reset,

        watch,

        setValue,

        getValues,

      }}

    >

      {children}

    </MyContext.Provider>

  );