another step for constructing base project

client/src/components/common/AppLink/AppLinkNextNavigation.tsx

@@ -18,33 +18,31 @@ export const EXTERNAL_LINK_PROPS = {
  */
 interface NextLinkComposedProps
   extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,
-    Omit<NextLinkProps, 'href' | 'as' | 'onClick' | 'onMouseEnter'> {
+    Omit<NextLinkProps, 'href' | 'as' | 'onClick' | 'onMouseEnter' | 'passHref'> {
   to: NextLinkProps['href'];
   linkAs?: NextLinkProps['as'];
   href?: NextLinkProps['href'];
 }
 
 /**
- * NextJS composed link to use with Material UI
+ * NextJS composed link to use with Material UI.
+ * Next.js 13+ renders <a> itself — no legacyBehavior or wrapper <a> needed.
  * @NextLinkComposed NextLinkComposed
  */
 const NextLinkComposed = forwardRef<HTMLAnchorElement, NextLinkComposedProps>(function NextLinkComposed(
-  { to, linkAs, href, replace, scroll, passHref, shallow, prefetch, ...restOfProps },
+  { to, linkAs, href, replace, scroll, prefetch, ...restOfProps },
   ref
 ) {
   return (
     <NextLink
-      legacyBehavior={true} // TODO: Remove when MUI become compatible with NextJs 13+
       href={to}
       prefetch={prefetch}
       as={linkAs}
       replace={replace}
       scroll={scroll}
-      shallow={shallow}
-      passHref={passHref}
-    >
-      <a ref={ref} {...restOfProps} />
-    </NextLink>
+      ref={ref}
+      {...restOfProps}
+    />
   );
 });