Misleading Popover getContentAnchorEl warning when using typescript.

[duvet86]

The warning says:
"Warning: Material-UI: you can not change the default anchorOrigin.vertical value
when also providing the getContentAnchorEl property to the popover component.
Only use one of the two properties.
Set getContentAnchorEl to null or leave anchorOrigin.vertical unchanged."

But the typescript definition doesn't accept null:
getContentAnchorEl?: (element: HTMLElement) => HTMLElement;

I suggest to update the prop definition to accept null values.
getContentAnchorEl?: null | ((element: HTMLElement) => HTMLElement);

It is working fine when set to undefined.

Tech	Version
Material-UI-core	v1.5.0
React
browser
etc.

[oliviertassinari]

@duvet86 Well spotted, do you want to work on it? :)

[duvet86]

Definitely. I'll submit a pull request tomorrow.
Cheers.

[duvet86]

Pull request added: #12562

[sudarshan-mane]

@duvet86 Hey HI ,Please help me My dropdown menu position is bottom right of my page instead of bottom right of menu button, can you please help and provide correct code..

<Menu
      anchorBuyer={anchorBuyer}
      anchorOrigin={{ vertical: "top", horizontal: "right" }}
      transformOrigin={{ vertical: "top", horizontal: "right" }}
      id={menuIdBuyer}
      keepMounted
      open={isMenuBuyerOpen}
      onClose={handleMenuCloseBuyer}
    >`
```