Resium: Viewer renders correctly on Windows browsers but not on Android, iOS, or macOS

[luca-moscatelli]

Description

I am experiencing an issue where the Cesium viewer, implemented with Resium, renders correctly on browsers running on Windows devices but fails to render properly on Android, iOS, or macOS devices.

On non-Windows devices, the viewer either:

• Displays a blank screen.
• Only renders partial components (e.g., the globe is missing or black).
• Fails silently without any console errors.

Steps to Reproduce

1. Set up a Resium-based application with the CesiumMapComponent.
2. Serve the application using a local server or deploy it to a production server.
3. Test the application in the following environments:
   • Windows: Works fine in Chrome, Edge, and Firefox.
   • Android: Globe does not render, tested on Chrome and Firefox.
   • iOS: Globe does not render, tested on Safari and Chrome.
   • macOS: Blank screen or partial rendering in Safari and Chrome.

Expected Behavior

The Cesium viewer should render consistently across all supported platforms and browsers.

Actual Behavior

• Works perfectly on Windows browsers.
• Fails to render or renders incorrectly on Android, iOS, and macOS.

Environment

• Resium Version: ^1.18.3
• CesiumJS Version: ^1.123.0

Additional Information

Debugging Steps Tried:

1. No relevant errors appear in the browser console on Android, iOS, or macOS.
2. Simplified the application to only render a basic Resium Viewer with default settings:

   import React from "react";
   import { Viewer } from "resium";
   
   const CesiumMapComponent = () => {
     return <Viewer full />;
   };
   
   export default CesiumMapComponent;

Mobile browser image

[luca-moscatelli]

can I have a answer ? thanks