如何解决在 NextJS 中配置 next-auth 时添加 {Providers} 时出错
我正在尝试使用 next-auth 为我的应用程序设置身份验证,现在我需要在 pages 目录的“-App”页面中包含 {Providers}。代码应该是这样的,因为我将子组件包裹在 Layout 组件中:
import Layout from '../components/Layout';
import '../styles/globals.css';
function MyApp({ Component,pageProps }) {
return (
<Layout>
<Component {...pageProps} />
</Layout>
)
}
export default MyApp
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
但是,我需要以某种方式包含提供者以使其看起来像这样:
import Layout from '../components/Layout';
import {Providers} from 'next-auth/client';
import '../styles/globals.css';
function MyApp({ Component,pageProps }) {
return (
<Providers>
<Component {...pageProps} />
</Providers>
)
}
export default MyApp
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
如何在不出错的情况下添加 Providers 和 Layout 组件?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。