Breaking News: Grepper is joining You.com. Read the official announcement!

Material UI Menu Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

DevPedrada answered on October 26, 2022 Popularity 4/10 Helpfulness 1/10

answer Material UI Menu Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Material UI Menu Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Comment

import React from "react";
import Menu from "@material-ui/core/Menu";


const MuiMenu = React.forwardRef((props, ref) => {
  return <Menu  ref={ref} {...props} />;
});

export default MuiMenu;
//...
import React from "react";
import MenuItem from "@material-ui/core/MenuItem";

const MuiMenuItem = React.forwardRef((props, ref) => {
  return <MenuItem  ref={ref} {...props} />;
});

export default MuiMenuItem;

Popularity 4/10 Helpfulness 1/10 Language typescript

Source: stackoverflow.com

Tags: components function material-ui mean menu ref this typescript

Link to this answer
Share Copy Link