我想知道是否可能以及如何包装我的顶级页面_app.js
在 Redux 提供程序中,我已经将其包装为 Next-auth 提供程序,例如:
import React from "react"
import { Provider } from 'next-auth/client'
import '../public/global.scss'
export default function App ({ Component, pageProps }) {
return (
<Provider
options={{
clientMaxAge: 0,
keepAlive: 5 * 60
}}
session={pageProps.session} >
<Component {...pageProps} />
</Provider>
)
}
问题是当我尝试添加 Redux 时<Provider ..
它说Provider
已经定义了。
您可以使用以下命令重命名名为 import 的 redux 提供程序as
.
import React from "react"
import { Provider as NextAuthProvider } from 'next-auth/client'
import { Provider as ReduxProvider } from 'react-redux'
import '../public/global.scss'
export default function App ({ Component, pageProps }) {
return (
<ReduxProvider>
<NextAuthProvider
options={{
clientMaxAge: 0,
keepAlive: 5 * 60
}}
session={pageProps.session} >
<Component {...pageProps} />
</NextAuthProvider>
</ReduxProvider>
)
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)