persistAtom error on initialLoad #44
Description
Did not expect server HTML to contain a <span> in <div>.
persistAtom will create an error as above on initial load. which will effects on layout to be broken a little ... Is there anything that missing from me to prevent this problem ?
** Atoms **
export const keySecret = atom({
key: "keySecret",
default: {
mKey : '',
mSecret : ''
},
effects_UNSTABLE: [persistAtom] // Problem
})
** _app.tsx **
<>
<Head>
<title>Title</title>
</Head>
<ApolloProvider client={apolloClient}>
<RecoilRoot>
<RootLayout {...pageProps}>
<Component {...pageProps} />
</RootLayout>
</RecoilRoot>
</ApolloProvider>
</>
** Dependencies **
"next": "^11.1.0",
"antd": "4.15.6",
"recoil-persist": "^3.0.0",