React Auth Guard Router

AuthGuard.js

import React, { useEffect } from 'react';

const AuthGuard = ({component}) => {
    useEffect(() => {
        console.log("Auth Guard");
    }, []);

    return <React.Fragment>{component}</React.Fragment>
}

export default AuthGuard;

UnAuthGuard.js

import React, { useEffect } from 'react';

const UnAuthGuard = ({component}) => {
    useEffect(() => {
        console.log("UnAuth Guard");
    }, [component]);

    return <React.Fragment>{component}</React.Fragment>
}

export default UnAuthGuard;