fix as for localized /api routes

mui · Nov 17, 2020 · 8499a91 · 8499a91
1 parent 04f821e
commit 8499a91
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/docs/src/modules/components/Link.js b/docs/src/modules/components/Link.js
@@ -32,6 +32,7 @@ function Link(props) {
     innerRef,
     naked,
     role: roleProp,
+    as: asProp = href,
     ...other
   } = props;
 
@@ -42,8 +43,9 @@ function Link(props) {
     [activeClassName]: router.pathname === href && activeClassName,
   });
 
+  let linkAs = asProp;
   if (userLanguage !== 'en' && href.indexOf('/') === 0 && href.indexOf('/blog') !== 0) {
-    other.as = `/${userLanguage}${href}`;
+    linkAs = `/${userLanguage}${linkAs}`;
   }
 
   // catch role passed from ButtonBase. This is definitely a link
@@ -60,11 +62,21 @@ function Link(props) {
   }
 
   if (naked) {
-    return <NextComposed className={className} href={href} ref={innerRef} role={role} {...other} />;
+    return (
+      <NextComposed
+        as={linkAs}
+        className={className}
+        href={href}
+        ref={innerRef}
+        role={role}
+        {...other}
+      />
+    );
   }
 
   return (
     <MuiLink
+      as={linkAs}
       component={NextComposed}
       className={className}
       href={href}