React Auth Guard Router Pages

Login.js

import React, { useEffect } from 'react';

const Login = () => {
    useEffect(() => {
        console.log("Login");
    }, []);
    
    return <div>  Login Form  </div>
}

export default Login;

Register.js

import React, { useEffect } from 'react';

const Register = () => {
    useEffect(() => {
        console.log("Register");
    }, []);
    return <div> Register Form </div>
}

export default Register;

Welcome.js

import React, { useEffect } from 'react';

const Welcome = () => {
    useEffect(() => {
        console.log("Welcome");
    }, []);
    return <div> Welcome </div>
}

export default Welcome;