react-router中出现Maximum call stack size exceeded问题

Question

import React, { Component } from 'react'
import { BrowserRouter as Router, Route, Switch, Redirect } from 'react-router-dom'

import Path from '../containers/page'
import Login from '../containers/login'

const LoginRoute = ({ component: Component, ...rest }) => (
    <Route {...rest} render = {
        props => 0 ? 
        (
            <Component {...props} />
        ) : (
            <Redirect to={{
                pathname: "/login",
                state: {from: props.location}
            }} />
        )
    } /> 
)

class Routes extends Component {
    render () {
        return (
            <Router>
                <Switch>
                    <LoginRoute exact component={Path} path="/" />
                    <LoginRoute component={Login} path="/login" />
                </Switch>
            </Router>
        )
    }
}

export default Routes