Merge pull request #223 from mercurjs/fix/mm2-1571/404-redirect-link-not-working

MM2-1571 Fix: remove undefined locale when navigating from 404 page

Author: kamilkieres09

src/components/molecules/LocalizedLink/LocalizedLink.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import Link from "next/link"
-import { useParams } from "next/navigation"
+import { useParams, usePathname } from "next/navigation"
 import React, { MouseEventHandler } from "react"
 
 /**
@@ -20,7 +20,10 @@ const LocalizedClientLink = ({
   passHref?: true
   [x: string]: any
 }) => {
-  const { locale } = useParams()
+  const params = useParams()
+  const pathname = usePathname()
+  
+  const locale = params?.locale || pathname?.split('/')[1] || 'en'
 
   return (
     <Link href={`/${locale}${href}`} {...props}>