如何解决NextAuth Provider 组件
在NextAuth的官方文档中,他们说以这种方式用Provider包装组件:
`
import { Provider } from "next-auth/client"
export default function App({ Component,pageProps }) {
return (
<Provider session={pageProps.session}>
< Component {...pageProps} />
</Provider>
)
}`
如果我也用这种方式包裹 Layout 和 Head 有什么问题吗?
function MyApp({ Component,pageProps }) {
// Use the layout defined at the page level,if avaiable (in my case for the QeAs)
const getQeAsLayout = Component.getQeAsLayout || ((page) => page);
return (
<Provider session={pageProps.session}>
<Head>
<meta name="viewport" content="initial-scale=1.0,width=device-width" />
</Head>
<ThemeProvider theme={brandTheme}>
<Layout>{getQeAsLayout(<Component {...pageProps} />)}</Layout>
</ThemeProvider>
</Provider>
);
}
请不要考虑关于 getQeAsLayout 的行
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。