I'm building a React Three Fiber project and running into a mobile loading issue.

Setup:

React 18 + Vite

@react-three/fiber + @react-three/drei + Three.js

GLB model from Tencent Hunyuan (AI model generator)

Deployed on Tencent Cloud Static Hosting

Problem:

- Desktop browser: works perfectly ✅

- Mobile (iOS Safari, Android WeChat): shows fallback sphere, no clear error ❌

What's the difference:enter image description here

What I've tried:enter image description here

Question:

1. Is there a mobile WebGL limitation I'm hitting?

2. What are the typical limits for mobile 3D models (file size, polygon count, texture)?

3. Any other optimization suggestions?

   Thanks!!!