Make the login and register components clear errors as soon as they are mounted

js/components/Login.js

@@ -3,7 +3,10 @@ import React from 'react';
 import {connect} from 'react-redux';
 import Router from 'next/router';
 
-import {login} from '../api';
+import {
+    login,
+    clearErrors
+} from '../api';
 
 export function Login(props) {
     return (
@@ -84,6 +87,10 @@ class LoginForm extends React.Component {
         };
     }
 
+    componentDidMount() {
+        clearErrors();
+    }
+
     tryLogin(event) {
         event.preventDefault();
         login(this.state.email, this.state.password);

pages/register.js

@@ -16,7 +16,10 @@ import {
 import { TurniereNavigation } from '../js/components/Navigation';
 import { Footer }             from '../js/components/Footer';
 import { register }           from '../js/api';
-import { verifyCredentials }  from '../js/api';
+import {
+    verifyCredentials,
+    clearErrors
+}  from '../js/api';
 
 import '../static/everypage.css';
 
@@ -43,7 +46,13 @@ export default class RegisterPage extends React.Component {
     }
 }
 
-function Register() {
+class Register extends React.Component {
+
+    componentDidMount() {
+        clearErrors();
+    }
+
+    render() {
         return (
             <Container className="py-5">
                 <Card className="shadow">
@@ -57,6 +66,7 @@ function Register() {
                 </Card>
             </Container>
         );
+    }
 }
 
 class RegisterErrorList extends React.Component {