fix: forwardRef from SideNavigationLink component

canonical · Sep 2, 2024 · fcbcf77 · fcbcf77
1 parent f60d6bc
commit fcbcf77
Showing 1 changed file with 18 additions and 15 deletions.
diff --git a/src/components/SideNavigation/SideNavigationLink/SideNavigationLink.tsx b/src/components/SideNavigation/SideNavigationLink/SideNavigationLink.tsx
@@ -17,21 +17,24 @@ export type Props<L = LinkDefaultElement> = Omit<
    */
   component?: SideNavigationBaseProps<L>["component"];
 };
-const SideNavigationLink = forwardRef<HTMLAnchorElement, Props>(
-  ({ component, ref, ...props }: Props) => {
-    let className: string | null = null;
-    if ("className" in props && typeof props.className === "string") {
-      className = props.className;
-      delete props.className;
-    }
-    return (
-      <SideNavigationBase
-        className={classNames("p-side-navigation__link", className)}
-        component={component ?? "a"}
-        {...props}
-      />
-    );
+
+const SideNavigationLink = forwardRef<
+  HTMLAnchorElement,
+  Props<LinkDefaultElement>
+>(({ component, ...props }, ref) => {
+  let className: string | null = null;
+  if ("className" in props && typeof props.className === "string") {
+    className = props.className;
+    delete props.className;
   }
-);
+  return (
+    <SideNavigationBase
+      className={classNames("p-side-navigation__link", className)}
+      component={component ?? "a"}
+      ref={ref}
+      {...props}
+    />
+  );
+});
 
 export default SideNavigationLink;