типизация submit в react-hook-form

import Button from "../button/Button"
import Input from "../input/Input"
import { useForm, FormProvider, SubmitHandler } from "react-hook-form"

export const SignInForm = () => {
   interface IFormValues {
      email: string;
      password: string;
    }


   const methods = useForm()
   const onSubmit: SubmitHandler<IFormValues> = (data: IFormValues, event?) => {
      event?.preventDefault()
      console.log(data)
   }

   return (
      <FormProvider {...methods}>
         <form onSubmit={methods.handleSubmit(onSubmit())}>
            <h1>Авторизация</h1>
            <h2>Получите доступ к своему профилю</h2>
            <p>Эл-почта:</p>
            <Input type='email' placeholder='Email' name='email' />
            <p>Пароль:</p>
            <Input type='password' placeholder='Пароль' name='password' />
            <Button type='filledLight' text='Войти' />
         </form>
      </FormProvider>
   )
}

export default SignInForm

использую такой код, не понимаю как правильно типизировать event в onSubmit и data в onSubmit, проблема в том что та типизация которую сделал я не подходит, тк в самой форме он в параметрах функции требует эту самую data, помогите, в документации нет ничего похожего, ну или я слепой