How to open menu on right click

[vitaly87]

I am trying to display menu on right click with react-big-calendar and material ui, the issue that menu isnt display correctly on html its going on top right corner, My code is:

  const handleClick = (event) => {
    setAnchorEl(event.currentTarget);
  };
return (
    <>
      <Menu
        id="simple-menu"
        anchorEl={anchorEl}
        keepMounted
        open={Boolean(anchorEl)}
        onClose={handleClose}
      >
        <MenuItem onClick={() => redirectToEvent(selectedEvent)}>
          <ImportContactsTwoToneIcon
            color="primary"
            style={{ marginLeft: "15px" }}
          />{" "}
          פתח אירוע
        </MenuItem>

      </Menu>
 <Calendar
        localizer={localizer}
        events={events}
        step={60}
        views={["month", "day"]}
        onSelectEvent={(event, e) => {

          redirectToEvent(event);
        }}
        components={
          {
            eventWrapper: ({ event, children }) => (
              <div
                onContextMenu={
                  e => { 
                    setSelectedEvent(event);

                //think this is the issue
                   setAnchorEl(e);

                    e.preventDefault();
                  }
                }
              >
                {children}
              </div>
            )
          }
        }

[masudhossain]

2024, can we know how?

[Jatin-Ahirwar]

2024, can we know how?

did you find any trick to do that i am working on a project in which on the date i want to right click then show button which is for add session by clicking that it will open the form but i am not able to right click in the react-big-calendar