Hi I’m new with react and I have some problem to build my website for macOS and IOS.
I created a website in react three, when I upload the project to my domain I have problems with iOS and macOS only on safari . I created div with iframes and images (with react-three/drei) inside and in safari It loads the files but doesn’t display them, also it’s strange that the contents appear only after moving the scene with orbit control. In the console there are no error messages.
From the same Mac if I open with Chrome or firefox there are no problems.
here is the website link: https://martarobiglio.com
Do you have any suggestions?
I tried to add this to my <canvas>
gl={{ powerPreference: 'high-performance', antialias: false }}
and loading={‘lazy’} in my iframe and images