Reactjs 为什么AuthProvider中包装的react组件不可见

我正在尝试为我的react网站创建react身份验证系统。但是由于某些原因，我所有封装在标记中的react组件中的内容都不可见

import React from 'react';
import '../css/App.css';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Landing from './Landing';
import Signup from './Signup';
import Login from './Login';
import Daily from './Daily';
import { AuthProvider } from '../Auth';
import PrivateRoute from '../PrivateRoute';

function App() {
  return (
    <div className="App">
      <AuthProvider>
        <Router>
            <Switch>
              <Route exact path="/" component={Landing} />
              <Route path="/signup" component={Signup} />
              <Route path="/login" component={Login} />
              <PrivateRoute path="/daily" component={Daily} />
            </Switch>
        </Router>
      </AuthProvider>
    </div>
  );
}

export default App;

从“React”导入React；
导入“../css/App.css”；
从“react Router dom”导入{BrowserRouter as Router，Route，Switch}；
从“./Landing”导入着陆；
从“./Signup”导入注册；
从“./Login”导入登录名；
每日从“./每日”导入；
从“../Auth”导入{AuthProvider}；
从“../PrivateRoute”导入PrivateRoute；
函数App（）{
返回(
);
}
导出默认应用程序；

请告诉我哪里出了问题。对不起，如果我的问题是愚蠢的，但我是一个初学者的反应