Can you share your file structure and how you load the 2D and 3D Parts? That would be helpful

Having the 3D Model in it's own suspense solved the issue. You can see an example here: https://codesandbox.io/p/github/B33fb0n3/oasis-2024-web/main?import=true

As you can see, the 3D Model is now wrapped inside his own suspense boundary. Like that the 2D Assets are instantly loaded and the 3D Model will load show it's own loading state until its loaded

the website loads for a split second then the loading screen appears

yea, I know, you already said that here: https://nextjs-forum.com/post/1277313428360265800#message-1277313428360265800

And [as I said](https://nextjs-forum.com/post/1277313428360265800#message-1277510814965694467): put the Slot Machine in it's own suspense boundary. You also got an working example with your code [here](https://codesandbox.io/p/github/B33fb0n3/oasis-2024-web/main?import=true)

sorry for the trouble but like could you tell me where exactly have you placed the suspense boundary

I placed it inside the Lading.tsx. You can see on the left, that I modified only one file. Attached you see, that there is now no double loading

@Turkish Van solved?