Login/Login.js form, pretty minimal, no styles, just raw

Login.js

import { useNavigate } from 'react-router-dom'

import { API } from '../../api'

export const Login = () => {
  const navigate = useNavigate()

  const onSubmit = (e) => {
    e.preventDefault()
    const formData = new FormData(e.target)
    API.post('auth/login', formData).then((response) => {
      localStorage.setItem('token', response.data.token)
      localStorage.setItem('userID', response.data.id)
      setTimeout(navigate('/private'), 500)
    })
  }

  return (
    <div style={{ padding: '20px' }}>
      <form onSubmit={onSubmit}>
        <label htmlFor="username">Username</label>
        <input type="text" name="username" />
        <br />
        <label htmlFor="password">Password</label>
        <input type="password" name="password" />
        <br />
        <button>Submit </button>
      </form>
    </div>
  )
}