Form validation using useMemo

usememo-form.jsx

const CreateAccountForm = () => {
  const [password, setPassword] = useState('');
  const [showErrors, setShowErrors] = useState(false);
	
  const checkPassword = event => {
    const { value } = event.target;
    setShowErrors(value.length < 8);
    setPassword(value);
  }

  const memoizedErrors = useMemo(() => <Errors active={showErrors} />, [showErrors]);

  return (
    <form>
      <h1>Login</h1>
      <input placeholder="Email"  />
      <input type="password" placeholder="Password" value={password} onChange={checkPassword} />
      {memoizedErrors}
    </form>
  );
};