Closed 1rens1 closed 2 years ago
I added the <Toaster> component to the _app.tsx file. When I reload and checked the logs, it shows the Did not expect server HTML to contain a <div> in <div> error.
<Toaster>
_app.tsx
Did not expect server HTML to contain a <div> in <div>
My _app.tsx:
import '@styles/globals.scss'; import { Toaster } from 'react-hot-toast'; import type { AppProps } from 'next/app'; export default function App({ Component, pageProps }: AppProps) { return ( <> <Toaster toastOptions={{ style: { background: '#222222', color: '#ffffff', borderRadius: '10px', }, }} /> <Component {...pageProps} /> </> ); }
Turns out just needed to restart the server....
I added the
<Toaster>
component to the_app.tsx
file. When I reload and checked the logs, it shows theDid not expect server HTML to contain a <div> in <div>
error.My
_app.tsx
: