From 9b8409a7d36db7455260c23206870f42c69f1307 Mon Sep 17 00:00:00 2001
From: MOH <info@mohfarawati.de>
Date: Sun, 15 Mar 2026 05:29:44 +0100
Subject: [PATCH] Fix toaster locale crash

---
 app/layout.tsx            | 2 +-
 components/ui/toaster.tsx | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index 9762e49..2d5e1d8 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -97,7 +97,7 @@ export default async function RootLayout({
           <SoundProvider>
             {children}
             <QueryToastBridge />
-            <Toaster />
+            <Toaster locale={locale} />
           </SoundProvider>
         </ThemeProvider>
         <Script
diff --git a/components/ui/toaster.tsx b/components/ui/toaster.tsx
index 4506a42..b8457de 100644
--- a/components/ui/toaster.tsx
+++ b/components/ui/toaster.tsx
@@ -1,10 +1,12 @@
 "use client";
 
-import { useLocale } from "next-intl";
 import { Toaster as HotToaster, type ToasterProps } from "react-hot-toast";
 
-export function Toaster(props: ToasterProps) {
-  const locale = useLocale();
+type AppToasterProps = ToasterProps & {
+  locale: string;
+};
+
+export function Toaster({ locale, ...props }: AppToasterProps) {
   const isArabic = locale === "ar";
 
   const toastClassName = `${isArabic ? "font-arabic tracking-normal" : "font-latin"} text-[13px] leading-5`;