create-brainerce-store 1.28.17 → 1.28.18

package/templates/nextjs/base/src/lib/navigation.tsx.ejs

@@ -1,7 +1,7 @@
 <% if (i18nEnabled) { %>
 'use client';
 
-import React from 'react';
+import React, { useMemo, useCallback } from 'react';
 import NextLink from 'next/link';
 import { useRouter as useNextRouter, usePathname } from 'next/navigation';
 import type { ComponentProps } from 'react';
@@ -48,21 +48,32 @@ export function Link({ href, ...props }: ComponentProps<typeof NextLink>) {
 
 /**
  * Locale-aware useRouter — push/replace automatically prepend locale.
+ * Returns a stable reference to avoid infinite re-render loops when used
+ * in useEffect dependency arrays.
  */
 export function useRouter() {
   const router = useNextRouter();
   const pathname = usePathname();
   const locale = getLocale(pathname);
 
-  return {
-    ...router,
-    push: (url: string, options?: Parameters<typeof router.push>[1]) => {
+  const push = useCallback(
+    (url: string, options?: Parameters<typeof router.push>[1]) => {
       return router.push(localizePath(url, locale), options);
     },
-    replace: (url: string, options?: Parameters<typeof router.replace>[1]) => {
+    [router, locale]
+  );
+
+  const replace = useCallback(
+    (url: string, options?: Parameters<typeof router.replace>[1]) => {
       return router.replace(localizePath(url, locale), options);
     },
-  };
+    [router, locale]
+  );
+
+  return useMemo(
+    () => ({ ...router, push, replace }),
+    [router, push, replace]
+  );
 }
 <% } else { %>
 /* Single-language store — re-export Next.js navigation as-is */