Passing multiple textures into mesh

[Iambizi]

Hello, as per the texture documentation Im trying to make use of TextureLoader and useLoader to load multiple textures into a mesh. I have a carousel of three planes and need to pass 3 different textures into the mesh's map so each carousel item displays a different texture(pictures in my case).

React keeps complaining that I have a "SyntaxError: Cannot use import statement outside a module".

I believe this is due to my TextureLoader import. Has anyone ran into this issue before?
I ended up trying to resort to only using threeJS's regular loader, but I'm now unable to pass multiple textures like the document illustrates using the useLoader and TextureLoader combination.

[drcmda]

this is a javascript error. something is wrong with the code you're trying to import.

I believe this is due to my TextureLoader import.
I ended up trying to resort to only using threeJS's regular loader

i do not understand, TextureLoader comes from threejs. useLoader does nothing, it's just new YourLoader().load(url, callback)

const [a, b, c] = useTexture(["a.jpg", "b.jpg", "c.jpg"])
return (
  <>
    <mesh>
      <meshBasicMaterial map={a} />
    ...
  

[Iambizi]

@drcmda Whenever I use useTexture the page goes blank, and I'm only able to see the cursor and the console returns the following error:

It doesn't even show me what "the above error" actually is.

Have you ever experienced this with useTexture before?

[drcmda]

no. there are lots of examples in the docs you could use to cross check. useTexture is a drei feature btw, i hope youre not pulling that from fiber.