Navlink href is not working if it has children

[borachoidev]

The NavLink's href is not working when it has children.
I tried creating a custom NavLink to open the accordion by clicking only the right section, but the href still doesn't work.
Is there a way to make the href work even when there are children?
Thank you

const NavigationLink = ({ children, ...props }: NavigationLinkProps) => {
  const [opened, setOpened] = useState(false);
  return (
    <NavLink
      opened={opened}
      rightSection={
        children ? (
          <FontAwesomeIcon
            icon={faChevronRight}
            onClick={(event) => {
              event.preventDefault();
              event.stopPropagation();
              setOpened(!opened);
            }}
          />
        ) : null
      }
      href={props.href ?? undefined}
      {...props}>
      {children}
    </NavLink>
  );
};