реакт useForm типизация

import { useForm, SubmitHandler } from 'react-hook-form';
import { TextField, Button, Typography, Link } from '@mui/material';
import React from 'react';
type FormValues = {
  email: string;
  password: string;
};
 
const LoginForm: React.FC = () => {
  const { register, handleSubmit } = useForm<FormValues>();
 
  const onSubmit: SubmitHandler<FormValues> = (data) => {
    console.log(data);
  };
 
  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <Typography variant="h4" gutterBottom>
        Login
      </Typography>
 
      <TextField
        {...register('email')}
        label="Email"
        fullWidth
        margin="normal"
        variant="outlined"
      />
 
      <TextField
        {...register('password')}
        label="Password"
        type="password"
        fullWidth
        margin="normal"
        variant="outlined"
      />
 
      <Button
        type="submit"
        variant="contained"
        color="primary"
        fullWidth
        style={{ marginTop: '1rem' }}
      >
        Submit
      </Button>
 
      <Typography variant="body2" style={{ marginTop: '1rem' }}>
        <Link href="#">Forgot Password</Link>
      </Typography>
    </form>
  );
};
export default LoginForm;