mirror of
https://github.com/SomboChea/ui
synced 2024-09-29 12:57:52 +07:00
b56e43846b
* refactor(162): added forwardRef Card * refactor(162): introduced forwardRefDivider * refactor(162): introduced forwardRef MuiComponents * refactor(162): introducing forwardRef * refactor(162): introduced forwardRef * refactor(162): introduced forwardRef * fix(162): fixed link * fix: fixed port number * fix: fixed duplicated id * fix: fixed ref iconbutton * fix: updated snaps * fix: fixed port * fix: fixed eslint errors * fix: the item should be a button * fix: fixed eslint errors
22 lines
799 B
TypeScript
22 lines
799 B
TypeScript
import React, { forwardRef } from 'react';
|
|
import { default as MaterialUIMenuItem, MenuItemProps } from '@material-ui/core/MenuItem';
|
|
|
|
type HTMLElementTagName = keyof HTMLElementTagNameMap;
|
|
type MenuItemRef = HTMLElementTagNameMap[HTMLElementTagName];
|
|
|
|
interface Props extends Omit<MenuItemProps, 'component'> {
|
|
component?: HTMLElementTagName;
|
|
}
|
|
|
|
const MenuItem = forwardRef<MenuItemRef, Props>(function MenuItem({ button, ...props }, ref) {
|
|
// it seems typescript has some discrimination type limitions. Please see: https://github.com/mui-org/material-ui/issues/14971
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
return <MaterialUIMenuItem {...props} button={button as any} innerRef={ref} />;
|
|
});
|
|
|
|
MenuItem.defaultProps = {
|
|
component: 'li',
|
|
};
|
|
|
|
export default MenuItem;
|