React Firebase安全路由-渲染未返回任何内容

Question

关于我的新React应用，我基本上在身份验证方面有一个小问题。您看得出来，我显然想保护仪表板-仅使登录的用户可以访问它。但是，我似乎无法掌握如何正确执行它。这是我的代码：

function checkAuthentication(onSuccess, onFailure){
    return new Promise((resolve, reject) => {
        auth.onAuthStateChanged((user) => {
            if(user){
                resolve(user.uid);
            } else {
                reject(false);
            }
        })
    });
}

const Authentication = (props) => {
checkAuthentication().then((info) => {
    return <Route {...props} />
}).catch((error) => {
    return <Redirect to='/admin'/>
});

}


export default Authentication;

这就是我的路线：

<Authentication path="/dashboard/overview" component={DashboardOverview} exact={true}/>

但是，这是我得到的错误：

这里似乎是什么问题？基本上，我要做的就是阻止未登录的用户呈现页面。另外，我还需要获取uid，因此我可以确定用户是否是管理员（在设置中定义），这是在处理此代码后应该做的事情。但是，我被困在这里。

有人可以帮我吗？