From c8273371e0de55748686f373f7c96a6064ea34e8 Mon Sep 17 00:00:00 2001
From: yozuru <d1322325603@gmail.com>
Date: Sat, 19 Apr 2025 20:15:35 +0800
Subject: [PATCH] fix: resolve hydration mismatch error for i18n

---
 src/components/app/app.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/app/app.tsx b/src/components/app/app.tsx
index ceb5c18..30f5bca 100644
--- a/src/components/app/app.tsx
+++ b/src/components/app/app.tsx
@@ -27,13 +27,10 @@ interface AppProps {
 }
 
 export function App({ locale }: AppProps) {
-  const { t } = useTranslation(); // 获取 t 函数，以便翻译 "Favorites"
-
-  useEffect(() => {
-    if (locale && i18n.language !== locale) {
-      i18n.changeLanguage(locale);
-    }
-  }, [locale]);
+  if (locale && i18n.language !== locale) {
+    i18n.changeLanguage(locale);
+  }
+  const { t } = useTranslation();
 
   const categoriesData = useMemo(() => sounds.categories, []);
   const categories = categoriesData; // 暂时不翻译