NextJS + Snackbars

[BLazzeD21]

Is there any example of using Notistack in NextJS application?

import { SnackbarProvider } from "notistack";

import ResponsiveSnackbar from "@/widgets/Snackbar/Snackbar";

export default function NotistackProvider({
    children,
}: Readonly<{
    children: React.ReactNode;
}>): JSX.Element {
    return (
        <SnackbarProvider
            Components={{
                success: ResponsiveSnackbar,
                error: ResponsiveSnackbar,
            }}
        >
            {children}
        </SnackbarProvider>
    );
}

Where is it better to use this provider, but not lose the SSR and CEO, so that the entire application has access to this context?

Thanks in advance for your answer ^_^