useLoader makes render component twice | Three.js | Page 1

obsidian shuttle Jul 25, 2024, 7:35 PM

#

loading textures like below makes render component twice. Even sibling components with no loader render twice when one component with it exists. How to solve it?

const gradient = useLoader(THREE.TextureLoader, "./gradient-01.png");
console.log("render")l

brisk wasp Jul 25, 2024, 8:48 PM

#

may be create a sandbox..so we can solve simultaneously

obsidian shuttle Jul 26, 2024, 1:49 AM

#

https://codesandbox.io/p/sandbox/epic-chebyshev-gwg668?file=%2Fsrc%2FApp.tsx

#

#

after comment:

const charsTexture = useLoader(THREE.TextureLoader, 'gradient-01.png')

there is only one render

#useLoader makes render component twice