React Auth Routes

GuestRoute.jsx

import React from 'react';
import { Route, Redirect } from 'react-router-dom';

export default function GuestRoute({ user, component: Component, ...props }) {
    return (
        <Route {...props} render={props =>
            user ?
                <Redirect to="/" />
                :
                <Component {...props} />
        } />
    );
}

ProtectedRoute.jsx

import React from 'react';
import { Route, Redirect } from 'react-router-dom';

export default function ProtectedRoute({ user, component: Component, ...props }) {
    return (
        <Route {...props} render={props =>
            user ?
                <Component user={user} {...props} />
                :
                <Redirect to="/login" />
        } />
    );
}