Login.jsx component

//dispatches the login POST request
  const handleSubmit = (e) => {
    e.preventDefault()
    login(loginFormData)
  }
  // sets authentication to state
  // navigates to home
  useEffect(() => {
    if (isSuccess && data) {
      dispatch(setCredentials(data.token))
      navigate("/")
    }
  }, [isSuccess, data, navigate, dispatch])