React | absolute에서의 onClick

position: "absolute" 적용한 요소는 onClick이벤트가 제대로 동작하지 않는다!
무조건 zIndex 설정해주기

export const WeathersWrap = styled(Box, {
  shouldForwardProp: (prop) => prop !== "hover",
})<{ hover: boolean }>((props: { hover: boolean }) => ({
  position: "absolute",
  top: 8,
  height: "40px",
  borderRadius: "6px",
  display: "flex",
  justifyContent: "space-between",
  alignItems: "center",
  width: "154px",
  padding: "0px 6px",
  marginLeft: "6px",
  backgroundColor: props.hover ? "#F9FBFD" : "transparent",
  cursor: "pointer",
  zIndex: 1,
}));