Server error when using with Nextjs about react-hot-toast HOT 9 CLOSED

Dynamic import resolved hydration error permanently in my case:

import ...

const Toaster = dynamic(
  () => import("react-hot-toast").then((c) => c.Toaster),
  {
    ssr: false,
  }
);

const MyApp: AppType<{ session: Session | null }> = ({
  Component,
  pageProps: { session, ...pageProps },
}) => {
  return (
    <SessionProvider session={session}>
      <Toaster />
      <div className="container mx-auto min-h-screen">
        <Header />
        <Component {...pageProps} />
        <Footer />
      </div>
      <GlobalModalPortal />
    </SessionProvider>
  );
};

I thinks it may be due to used library css-in-js library (goober).
Here is goober example link from Nextjs docs about hydration error.

from react-hot-toast.

@exlane All you need to do is restart the dev server

from react-hot-toast.

@exlane All you need to do is restart the dev server

it also work for me. but can you explain why it work, or what about bug this error

from react-hot-toast.

The example page is based on Next.js and I'm not experiencing any issues. Could you provide an example to reproduce?

from react-hot-toast.

Seems like this is resolved.

from react-hot-toast.

@exlane All you need to do is restart the dev server

it also work for me. but can you explain why it work, or what about bug this error

Same here. Can anybody please explain why restarting the dev server resolved the issue?

from react-hot-toast.

@exlane您需要做的就是重新启动开发服务器

Also works for Hydration Error

from react-hot-toast.

Can anybody explain why ?

from react-hot-toast.

restart server doen't work

from react-hot-toast.