Handle large form in react in easy way

LoggedOutRouter.tsx

import { useState } from 'react';

export const LoggedOutRouter = () => {
  
  const [values, setValues] = useState({
    email: '',
    password: '',
  });

  const handleSubmit = (e: any) => {
    e.preventDefault();
    isLoggedInVar(true); // updating reactive var
  };

  const handleChange = (e: any) =>
    setValues({ ...values, [e.target.name]: e.target.value });

  return (
    <div>
      <h1>LOGIN PAGE</h1>
      <form onSubmit={handleSubmit}>
        <input
          type="email"
          name="email"
          id="email"
          value={values.email}
          onChange={handleChange}
        />

        <input
          type="password"
          name="password"
          id="password"
          value={values.password}
          onChange={handleChange}
        />

        <button type="submit">Log In</button>
      </form>
    </div>
  );
};