Is there a full proof method to getting around hydration errors in NextJs
The problem is I am facing the error somewhere within here where the function is declared and it is rendered, I am trying to setup a time and date in the footer of my application which changes every second:
Next.js hydration error with updating data
import { type GetServerSideProps } from “next”; import { WalletData } from “~/components/WalletDataSections/WalletData”; import RootLayout from “~/layouts/RootLayout”; import { axiosClient } from “~/service/axios”; import { type WalletData as WalletDataType } from “~/service/useWalletData”; export default function WalletDataPage({ serverData, }: { serverData: WalletDataType; }) { console.log(serverData, ‘client’) return ( <RootLayout> <WalletData initialData={serverData} /> </RootLayout> ); } export […]