NextJS 임베딩 - 로딩에 멈추고 iframe이 계속 새로고침됩니다

지원팀 안녕하세요!

브라질 출신 개발자입니다. React의 SSR 콘텐츠를 처리하는 서버인 NextJS로 회사 블로그를 시작했습니다. 블로그에 Discourse를 댓글 시스템으로 사용하려고 하지만, 어려움을 겪고 있습니다.

현재 bitnami docker discourse image를 사용하고 있습니다.

iframe을 로드하는 데 필요한 임베드 JavaScript 파일은 정상적으로 다운로드되지만, iframe이 Loading Discussion 상태에서 멈춰 있습니다. 현재 다음 window 객체를 사용하고 있습니다:

DiscourseEmbed = {
    discourseUrl: 'https://comments-valelabs.domain.com.br/',
    discourseEmbedUrl: 'https://valelabs.domain.com.br/post/${slug}',
    discourseReferrerPolicy: 'no-referrer-when-downgrade'
}

여기서 slug는 현재 블로그 포스트의 URL입니다.

10~20초 동안 로딩이 진행된 후 console에 다음과 같은 오류가 발생합니다:

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://comments-valelabs.domain.com.br') does not match the recipient window's origin ('https://valelabs.domain.com.br')

iframe이 새로고침되고 referer-policy가 strict-origin-when-cross-origin으로 변경된 것을 확인했습니다. 이것이 위에서 언급한 오류의 원인일 수 있습니다.

도움을 주실 수 있는 분이 있을까요? 시간을 내주셔서 감사합니다!

최소 재현 코드를 제공해 주시겠습니까?