react-hook-form型エラーの解決方法

エラー文の全容

型 (value: FormSchemaType) => Promise の引数を型 SubmitHandler のパラメーターに割り当てることはできません。

パラメーター value および data は型に互換性がありません。
型 FieldValues には 型 { username: string; title: string; content: string; } からの次のプロパティがありません: username, title, content

該当コードと修正箇所

export type FormSchemaType = z.infer<typeof formSchema>;

- const form = useForm({ resolver: zodResolver(formSchema) });
+ const form = useForm<FormSchemaType>({ resolver: zodResolver(formSchema) });

const onSubmit = async (value: FormSchemaType) => {
    const { username, title, content } = value;
....
}
 return (
 <form
          onSubmit={form.handleSubmit(onSubmit)}//onSubmitがエラー
        >
....
 </form>
)