Build a Login form Component with React

import React, { useState } from "react";

const initialState = {
    username: "",
    password: "",
    errors: {
        username: "",
        password: "",
    },
    formIsValid: false,
};

export default function LoginForm({ onSubmit }) {
    const [state, setState] = useState(initialState);

    const onChange = (event) => {
        const { name, value } = event.target;
        let errors = { ...state.errors };

        switch (name) {
            case "username":
                errors.username = value.length > 0 ? "" : "enter a username";
                break;
            case "password":
                errors.password = value.length > 0 ? "" : "enter a password";
                break;
            default:
                break;
        }

        if (errors.username === "" && errors.password === "") {
            if (state.password === "") {
                setState({ ...state, errors, [name]: value, formIsValid: false });
            } else {
                setState({ ...state, errors, [name]: value, formIsValid: true });
            }
        } else {
            setState({ ...state, errors, [name]: value, formIsValid: false });
        }
    };

    return (
        <div>
            <form onSubmit={() => onSubmit(state.username, state.password)}>
                <div>
                    <label htmlFor="username-input">Username</label>
                    <input
                        type="text"
                        name="username"
                        id="username-input"
                        value={state.username}
                        onChange={onChange}
                    />
                </div>
                <div>
                    <label htmlFor="password-input">Password</label>
                    <input
                        type="password"
                        name="password"
                        id="password-input"
                        value={state.password}
                        onChange={onChange}
                    />
                </div>
                <button type="submit" id="login-button" disabled={!state.formIsValid}>
                    Login
                </button>
            </form>
        </div>
    );
}