From fcbcf77c0ab6228260c6e215d34eea5280aaef6d Mon Sep 17 00:00:00 2001
From: Aaryan Porwal <aaryan.porwal@canonical.com>
Date: Mon, 2 Sep 2024 11:48:43 +0530
Subject: [PATCH] fix: forwardRef from SideNavigationLink component

---
 .../SideNavigationLink/SideNavigationLink.tsx | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/components/SideNavigation/SideNavigationLink/SideNavigationLink.tsx b/src/components/SideNavigation/SideNavigationLink/SideNavigationLink.tsx
index 85825012..f6aa3e7e 100644
--- 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;