diff --git a/src/components/MenuItem/BaseMenuItem.stories.tsx b/src/components/MenuItem/BaseMenuItem.stories.tsx
index d3e12d4c..f15ae2d0 100644
--- a/src/components/MenuItem/BaseMenuItem.stories.tsx
+++ b/src/components/MenuItem/BaseMenuItem.stories.tsx
@@ -10,10 +10,7 @@ export default {
   component: BaseMenuItem,
 } as Meta;
 
-const Template: Story<BaseMenuItemProps> = (args) => (
-  // @ts-ignore
-  <BaseMenuItem {...args} />
-);
+const Template: Story<BaseMenuItemProps> = (args) => <BaseMenuItem {...args} />;
 
 export const Default = Template.bind({});
 Default.args = {
diff --git a/src/components/MenuItem/MenuItem.tsx b/src/components/MenuItem/MenuItem.tsx
index 265b9ca9..dabeee3d 100644
--- a/src/components/MenuItem/MenuItem.tsx
+++ b/src/components/MenuItem/MenuItem.tsx
@@ -1,11 +1,12 @@
 import cx from 'classnames';
-import React, { forwardRef, HTMLProps, MouseEvent } from 'react';
+import React, { forwardRef, HTMLAttributes, MouseEvent } from 'react';
 
 import { useItem, UseItemProps } from '../../behaviors/item';
 
-export interface BaseMenuItemProps extends HTMLProps<HTMLAnchorElement> {
+export interface BaseMenuItemProps extends HTMLAttributes<HTMLAnchorElement> {
   active?: boolean;
   disabled?: boolean;
+  href?: string;
 }
 
 export const BaseMenuItem = forwardRef<HTMLAnchorElement, BaseMenuItemProps>(