Replies: 3 comments 2 replies
-
|
@Iambizi have you tried to put the e.g.: export default function Loader() {
return (
<Suspense fallback={<Loader />}>
<Canvas>...</Canvas>
</Suspense>
);
} |
Beta Was this translation helpful? Give feedback.
-
|
My app crashes whenever I use Suspense outside the canvas like that. I get the following error:
I was able to solve this issue though. I had to remove the canvas around the Html component in my loader. Thank you though! import styles from "../../styles/scss/common/_loader.module.scss";
import React from "react";
import { Html } from '@react-three/drei'
export default function Loader() {
return (
<>
<Html
prepend
center>
<div className={styles.loader}>
</div>
</Html>
</>
)
} |
Beta Was this translation helpful? Give feedback.
-
|
i've the same problem @Iambizi, i want to put a loading animation for preload and then show my models, but i tried tu put into suspense fallback but doesnt work |
Beta Was this translation helpful? Give feedback.
-
|
@krono999 Any code you can share so we can have a look? |
Beta Was this translation helpful? Give feedback.
-
|
@Iambizi You can wrap the Suspense inside a Div in order to make it work. 👍 |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
I'm trying to add a Loader as fallback to the suspense component, but having a bit of trouble.
I created the following component to hold a Loader. I made sure to use the Html component from drei:
and I'm trying to pass it into my suspense component inside my canvas.
//Canvas
But when I do, my app goes blank seemingly crashing. Any feedback on what I'm doing wrong?
Beta Was this translation helpful? Give feedback.
All reactions