Question

我正在尝试使用 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 组件？

在 NextJS 中配置 next-auth 时添加 {Providers} 时出错

0 个答案: