Merge pull request #2332 from dxc-technology/Mil4n0r/fix_routing_problem

Fixed ItemAction type to work along with all next router

Author: Mil4n0r

packages/lib/src/base-menu/ItemAction.tsx

@@ -5,7 +5,7 @@ import DxcIcon from "../icon/Icon";
 import { TooltipWrapper } from "../tooltip/Tooltip";
 import { useItemAction } from "./useItemAction";
 
-const Action = styled.button<{
+const Action = styled.a<{
   depthLevel: ItemActionProps["depthLevel"];
   selected: ItemActionProps["selected"];
   displayGroupLines: boolean;
@@ -79,7 +79,7 @@ const Control = styled.span`
 `;
 
 const ItemAction = memo(
-  forwardRef<HTMLButtonElement, ItemActionProps>((props, ref) => {
+  forwardRef<HTMLAnchorElement, ItemActionProps>((props, ref) => {
     const {
       hasTooltip,
       modifiedBadge,

packages/lib/src/base-menu/types.ts

@@ -61,7 +61,7 @@ type MenuItemProps = {
   item: ItemWithId | GroupItemWithId;
   depthLevel?: number;
 };
-type ItemActionProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+type ItemActionProps = ButtonHTMLAttributes<HTMLAnchorElement> & {
   badge?: Item["badge"];
   collapseIcon?: ReactNode;
   depthLevel: number;