Custom Popover

import IconButton from '@mui/material/IconButton';
import CustomPopover, { usePopover } from 'src/components/custom-popover';
 
function App() {
  const popover = usePopover();
 
  return (
    <>
      <IconButton onClick={popover.onOpen}>...</IconButton>
 
      <CustomPopover open={popover.open} onClose={popover.onClose}>
        ...
      </CustomPopover>
    </>
  );
}