ЯсноПонятно24

Чтобы использовать функцию navigate в компоненте, вам нужно импортировать useNavigate из react-router-dom и вызвать его в компоненте. В вашем случае, вы уже импортировали useNavigate, поэтому вам просто нужно добавить его в компонент:

import { FC, useState } from 'react';
import { Input, Button, PasswordInput } from '@zlden/react-developer-burger-ui-components';
import styles from '../common.module.css';
import { Link } from 'react-router-dom';
import { useNavigate } from 'react-router-dom';
import { LoginUIProps } from './type';

export const LoginUI: FC<LoginUIProps> = ({ email, setEmail, errorText, handleSubmit, password, setPassword }) => {
  const navigate = useNavigate();

  return (
    <main className={styles.container}>
      <div className={`pt-6 ${styles.wrapCenter}`}>
        <h3 className='pb-6 text text_type_main-medium'>Вход</h3>
        <form className={`pb-15 ${styles.form}`} name='login' onSubmit={handleSubmit}>
          <>
            <div className='pb-6'>
              <Input type='email' placeholder='E-mail' onChange={(e) => setEmail(e.target.value)} value={email} name='email' error={false} errorText='' size='default' />
            </div>
            <div className='pb-6'>
              <PasswordInput onChange={(e) => setPassword(e.target.value)} value={password} name='password' />
            </div>
            <div className={`pb-6 ${styles.button}`}>
              При нажатии на кнопку перенаправить на страницу '/'
              <Button type='primary' size='medium' htmlType='submit' onClick={() => navigate('/')}>Войти</Button>
            </div>
            {errorText && (
              <p className={`${styles.error} text text_type_main-default pb-6`}>
                {errorText}
              </p>
            )}
          </>
        </form>
        <div className={`pb-4 ${styles.question} text text_type_main-default`}>
          Вы - новый пользователь? <Link to='/register' className={`pl-2 ${styles.link}`}>Зарегистрироваться</Link>
        </div>
        <div className={`${styles.question} text text_type_main-default pb-6`}>
          Забыли пароль? <Link to={'/forgot-password'} className={`pl-2 ${styles.link}`}>Восстановить пароль</Link>
        </div>
      </div>
    </main>
  );
};

Теперь при нажатии на кнопку "Войти" произойдет перенаправление на страницу '/'.