complete href in the link prop

heroui-inc · Jan 23, 2025 · eff03db · eff03db
1 parent 696a499
commit eff03db
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/components/link/src/use-link.ts b/packages/components/link/src/use-link.ts
@@ -52,6 +52,7 @@ export function useLink(originalProps: UseLinkProps) {
     as,
     children,
     anchorIcon,
+    href,
     isExternal = false,
     showAnchorIcon = false,
     autoFocus = false,
@@ -73,6 +74,7 @@ export function useLink(originalProps: UseLinkProps) {
   const {linkProps} = useAriaLink(
     {
       ...otherProps,
+      href,
       onPress,
       onPressStart,
       onPressEnd,
@@ -110,6 +112,8 @@ export function useLink(originalProps: UseLinkProps) {
       "data-focus": dataAttr(isFocused),
       "data-disabled": dataAttr(originalProps.isDisabled),
       "data-focus-visible": dataAttr(isFocusVisible),
+      // The `href` prop may be routerized by useAriaLink, so we may merge over top of it
+      href,
       ...mergeProps(focusProps, linkProps, otherProps),
     };
   }, [classNames, isFocused, isFocusVisible, focusProps, linkProps, otherProps]);