Подскажите пожалуйста как открыть popover по id если у меня несколько button

Когда у меня несколько event и я нажимаю чтоб открыть popover,неправиьлно показывает данные в поповере . Но когда один event все нормально показывает

  const [anchorEl, setAnchorEl] = React.useState(null);
             
        
  const handleOpenPopover = useCallback(
                (e: React.MouseEventHandler<HTMLDivElement>) => {
                  setAnchorEl(e.currentTarget);
                },
                [],
              );
   

     return (
                  {events?.map((event, index) => {
                      return (
                        <Styled.Event 
                          key={`${event.id}:${event.name}`}
                          onClick={handleOpenPopover}>
                         
                          <ShiftPopover
                            start={event.start}
                            end={event.end}
                            name={event.name}
                            id={event.id}
                            onClose={handleCloseModal}
                            anchorEl={anchorEl}
                            open={Boolean(anchorEl)}
                          />
                        </Styled.Event>
                      );
                    })}
        
        );