Fix locale binding on section pages

Author: loethen

app/[locale]/(main)/about/page.tsx

@@ -1,8 +1,9 @@
 import { Metadata } from 'next';
 import { Breadcrumbs } from '@/components/Breadcrumbs';
-import { getTranslations } from 'next-intl/server';
+import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { useTranslations } from 'next-intl';
 import { generateAlternates } from '@/lib/utils';
+import { use } from 'react';
 import './style.css';
 
 
@@ -19,7 +20,9 @@ export async function generateMetadata(
   };
 }
 
-export default function AboutPage() {
+export default function AboutPage({ params }: { params: Promise<{ locale: string }> }) {
+  const { locale } = use(params);
+  setRequestLocale(locale);
   const t = useTranslations('about');
 
   return (
@@ -59,4 +62,4 @@ export default function AboutPage() {
       </div>
     </div>
   );
-} 
+} 

app/[locale]/(main)/guides/page.tsx

@@ -1,11 +1,12 @@
 import { Metadata } from 'next';
 import { Breadcrumbs } from '@/components/Breadcrumbs';
-import { getTranslations } from 'next-intl/server';
+import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { useTranslations } from 'next-intl';
 import { generateAlternates } from '@/lib/utils';
 import { Link } from '@/i18n/navigation';
 import { Button } from '@/components/ui/button';
 import { BookOpen, ArrowRight } from 'lucide-react';
+import { use } from 'react';
 
 export async function generateMetadata(
   { params }: { params: Promise<{ locale: string }> }
@@ -26,7 +27,9 @@ export async function generateMetadata(
   };
 }
 
-export default function GuidesPage() {
+export default function GuidesPage({ params }: { params: Promise<{ locale: string }> }) {
+  const { locale } = use(params);
+  setRequestLocale(locale);
   const t = useTranslations('guides');
   const common = useTranslations('common');
 

app/[locale]/(main)/tests/page.tsx

@@ -1,11 +1,12 @@
 import { Metadata } from 'next';
 import { Breadcrumbs } from '@/components/Breadcrumbs';
-import { getTranslations } from 'next-intl/server';
+import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { useTranslations } from 'next-intl';
 import { generateAlternates } from '@/lib/utils';
 import { Link } from '@/i18n/navigation';
 import { Button } from '@/components/ui/button';
 import { Brain, Clock, Target } from 'lucide-react';
+import { use } from 'react';
 
 export async function generateMetadata(
   { params }: { params: Promise<{ locale: string }> }
@@ -26,7 +27,9 @@ export async function generateMetadata(
   };
 }
 
-export default function TestsPage() {
+export default function TestsPage({ params }: { params: Promise<{ locale: string }> }) {
+  const { locale } = use(params);
+  setRequestLocale(locale);
   const t = useTranslations('tests');
   const common = useTranslations('common');
 
@@ -121,4 +124,4 @@ export default function TestsPage() {
       </div>
     </div>
   );
-}
+}