리액트 커스텀 오버레이 컴포넌트화

리액트에서 커스텀 오버레이를 컴포넌트로 만들어봤는데 등록한 마우스 이벤트들이 모두 적용이 안 됐습니다.

const overlay = new kakao.maps.CustomOverlay({
    content: overlayBox,
    clickable: true,
    position: mark.getPosition(),
    xAnchor: 0.5,
    yAnchor: 1.3,
    zIndex: 3,
  });

Content 타입이 HTML 문자열 또는 엘리먼트만 허용해서 현재는 돔을 직접 만들어서 전달했는데 어떻게 하면 컴포넌트를 content 에 전달할 수 있는지 궁금합니다!

아래 답변 참고해서 content를 react 컴포넌트가 아닌 HTMLElement로 적용해주세요.