title: Login Component Error on React.js (codesandbox attached)
body: <p>I am a new programmer and I recently started following a Login Form tutorial, and I am experiencing a couple of issues with it.</p>
  <p><strong>Project Overview:</strong></p>
  <p>As previously described, it is a login form made with create-react-app. The objective is for the user to be able to login, if it is successful, it will log <code>&quot;Logged In&quot;</code> on the console. If there are errors or if its unsuccessful, it will log <code>&quot;Details Do Not Match&quot;</code>.</p>
  <p><strong>The Problem:</strong></p>
  <p>Though I followed this tutorial line-by-line, there is <strong>an unseen error in my code</strong> that <strong>causes the console to log <code>&quot;Details Do Not Match&quot;</code>.</strong> I am curious to see where I might have written the code incorrectly.</p>
  <p><strong>Below I've attached a working Codesandbox link of my code:</strong></p>
  <p><a href="https://codesandbox.io/s/project-zi3un5" rel="nofollow noreferrer">https://codesandbox.io/s/project-zi3un5</a></p>