Camera shows white background - no GL context for camera frames - Iphone

[yondr-agency-15]

Describe the bug ERROR: no GL context for camera frames - please call pipeline_gl_context_set (probably an issue with cameraRef in ZapparCamera )

To Reproduce Steps to reproduce the behavior:

• Loading ZapparCanvas & ZapparCamera using loadable

  const ZapparCamera = loadable(
  () => import("@zappar/zappar-react-three-fiber"),
  {
  resolveComponent: components => components.ZapparCamera,
  }

• Allow camera Permissions
• WebGLRenderingContext is found, but it seems to have issues with the camera
• You see a white background instead of a camera background

Screenshots Error1 (Happens on some devices): Error2 : bundlejs: The camera icon dissapears on devices where this issue happens:

Smartphone :

• Device: Iphone 8/ Iphone 7
• Browser Safari

[yondr-agency-15]

(I am not using the following lines) It seems that manually asking for permissions inside a component also triggers the same problem:

 useEffect(() => {
    ZapparThree.permissionRequestUI().then(granted => {
      if (granted) document.dispatchEvent(new Event("cameraAccess"))
      console.warn("cameraAccess:", granted)
    })
  }, [])

[yondr-agency-15]