fix: forwardRef from SideNavigationLink component

canonical · Sep 2, 2024 · befd701 · befd701
1 parent f60d6bc
commit befd701
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/SideNavigation/SideNavigationLink/SideNavigationLink.tsx b/src/components/SideNavigation/SideNavigationLink/SideNavigationLink.tsx
@@ -17,8 +17,9 @@ export type Props<L = LinkDefaultElement> = Omit<
    */
   component?: SideNavigationBaseProps<L>["component"];
 };
-const SideNavigationLink = forwardRef<HTMLAnchorElement, Props>(
-  ({ component, ref, ...props }: 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;
@@ -28,6 +29,7 @@ const SideNavigationLink = forwardRef<HTMLAnchorElement, Props>(
       <SideNavigationBase
         className={classNames("p-side-navigation__link", className)}
         component={component ?? "a"}
+        ref={ref}
         {...props}
       />
     );