我收到以下错误：未捕获 TypeError：无法读取 null 的属性（读取“id”）。 但当我更改我的 initialState（对象）时，它工作正常

type AnchorElAction = {
  id: string;
  domTarget: React.ReactNode;
} | null;

const [anchorEl, setAnchorEl] = useState<AnchorElAction | null>(null);


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