Неудачный тип пропеллера: при открытии меню «Material UI» в ForwardRef (Portal) передан недопустимый проп

Question

Я использовал простую демонстрацию меню, представленную в демонстрационных материалах пользовательского интерфейса. При первом открытии меню на странице появляется предупреждение, как показано ниже.

Вот мой код

const classes = useStyles();
const buttonRef = React.useRef();
const [anchorEl, setAnchorEl] = React.useState(null);
const handleMenu = (event) => {
   setAnchorEl(true);
};
const handleClose = () => {
    setAnchorEl(null);
};

<Button size="small" startIcon={<BreakIcon/>} ref={buttonRef} className={classes.primaryBgColor} aria-controls={anchorEl ? "simple-menu" : undefined} aria-haspopup="true" onClick={handleMenu}> Coaching
</Button>
<Menu id="simple-menu" anchorEl={()=> buttonRef.current} keepMounted open={Boolean(anchorEl)} onClose={handleClose} >
    <MenuItem onClick={handleClose}>Profile</MenuItem>
    <MenuItem onClick={handleClose}>My account</MenuItem>
    <MenuItem onClick={handleClose}>Logout</MenuItem>
</Menu>

Нужна помощь, чтобы решить эту проблему.

Answer 1

Похоже, проблема в другом месте вашей кодовой базы. Я попытался повторить код вашего компонента в песочнице, и он отлично работает и не выдает никаких подобных предупреждений.

Песочница здесь: https://codesandbox.io/s/material-demo-z3isq?file= / demo. js