another step

client/src/app/[locale]/layout.tsx

@@ -1,11 +1,10 @@
 import type { ReactNode } from 'react';
 import { setRequestLocale, getMessages } from 'next-intl/server';
 import { NextIntlClientProvider } from 'next-intl';
-import { SnackbarProvider } from 'notistack';
 import { getThemeMode } from '@/lib/cookies/server';
 import { AppStoreProvider } from '@/store';
 import { ThemeProvider, getDirection } from '@/theme';
-import { ToastBridge } from '@/lib/toast';
+import { NotistackProvider } from '@/lib/toast';
 import { QueryProvider } from '@/lib/query/QueryProvider';
 import { routing } from '@/i18n/routing';
 
@@ -46,10 +45,9 @@ export default async function LocaleLayout({
       <AppStoreProvider>
         <ThemeProvider dir={dir} defaultMode={defaultMode}>
           <QueryProvider>
-            <SnackbarProvider maxSnack={3} anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}>
-              <ToastBridge />
+            <NotistackProvider>
               {children}
-            </SnackbarProvider>
+            </NotistackProvider>
           </QueryProvider>
         </ThemeProvider>
       </AppStoreProvider>