Animation only renders and turns visible upon window resize

[Liamsherwood]

Hello everyone! I'm a beginner with React Three Fiber, and I'm running into a peculiar problem. My animation only becomes visible and starts rendering after I resize the browser window. I load in a texture, grab the image data, and tween from a particle sphere with curl noise to particle's arranged in the formation of the (non-transparent pixels of the) texture.

codesandbox -> resize for animation to turn visible

Any advice would be appreciated! Thanks.