react에서 iframe contentWindow가 null일 때

iframe.contentWindow.postMessage(msg, '*');

을 하려는 데, iframe.contentWindow가 null일 경우,

아래와 같이 useEffect를 쓰면 된다. 렌더링 끝난 후에 iframe을 불러와야 하기 때문이다.

useEffect(() => {
  setSumerian(document.getElementById('sumerianHost'));
  console.log('ready to start')
}, [])

20211024