Как получить height содержимого в iframe?

У меня есть jsf, который динамически вставляю в Iframe. Требуется, чтобы iframe подстроился под высоту содержимого(сейчас это вертикальный скролл).

Пробовал

1. присвоить iframe значение scrollHeight после загрузки контента. Этот способ не приводит к визуальным изменениям, то есть не работает.

2. забрать размер содержимого body, а так же height тэга верхнего уровня контента

componentDidMount() {
  const iFrameID = document.getElementById("iFrameId");
  iFrameID.height =
    $ {
      iFrameID.contentWindow.document.body.scrollHeight
    };
}

IFrameArea.jsx:9 Uncaught DOMException: Blocked a frame with origin "http://localhost:8081" from accessing a cross-origin frame. at http://localhost:8081/js/bundle.323c0fd69c1e25162fa4.hot-update.js:53:49 возникла такая ошибка, при том, что на бэкенде разрешен cors Access-Control-Allow-Origin: *

3. post-messages не подходит как вариант, поскольку требуется извлечь данные из контента, а не передать данные в него.

Подскажите еще возможные варианты решения вопроса? Почему может не работать вариант 2, ведь в теле ответа бэкенд открыт доступ для всех доменов?