some three D objects are crashing in mobile device due to using multiple canvas component

[Moemen12]

Hello guys, I’m using @react-three/drei and @react-three/fiber packages in my next js app, now in my index page there are many rendered 3 objects , they’re displayed in laptop devices but my problem is with mobile , some of them are displayed and some were displayed but after adding new one 3d object they are not displayed (actually there are displayed but in some mobiles)…

i asked someone before and he told me that the problem is im using mutiple canvar for my page more than 20 canvas .. so he told me to use only one canvas and use View component , he sent me this code but they 3d objects didnt displayed when i use this code

u can see the whole problem here

https://discourse.threejs.org/t/some-of-my-3d-objects-are-displayed-and-some-display-white-image-in-my-page/68837/5