Object returned by getIFrameRef is not reactive

[federico-ntr]

I have a boolean variable which should control some of the styles of Jitsi.

<JitsiMeeting
  domain={content.domain}
  roomName={content.roomName}
  onApiReady={handleApiReady}
  getIFrameRef={(iframeRef) => {
    iframeRef.style.height = "calc(100% - 35px)";
    iframeRef.style.pointerEvents = minimized ? "none" : "unset"
  }}
/>

I expect the style attribute of the iframe to change when the value of minimized changes but it doesn't.

It may be that it's completely impossible to do this thing and I'm missing some fundamental concept of how this works.

[saghul]

Ping @mihhu

[saghul]

I'd say you want to get the ref and update the style when the minimized variable changes. The getIFrameRef will only be called once, when the API object is created.

[mihhu]

Confirming what @saghul said. Please save the getIFrameRef argument into a local ref that you can adjust whenever you need. Here's a tiny demo of how it should work.

[federico-ntr]

I'd say you want to get the ref and update the style when the minimized variable changes. The getIFrameRef will only be called once, when the API object is created.

Yes, I should've known, it was actually pretty obvious.

Confirming what @saghul said. Please save the getIFrameRef argument into a local ref that you can adjust whenever you need. Here's a tiny demo of how it should work.

Really thanks for even providing an example!