cohabit/website
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix(island): 🐛 prevent displaying fallback when Suspense is loaded

Browse source
This commit is contained in:
Julien Oculi 2024-07-02 13:06:56 +02:00
parent f2c8b145e6
commit 72281ae551
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
islands/Suspens.tsx
View file

@ -27,8 +27,10 @@ export default function Suspense(
}, },
) { ) {
const displayed = useSignal(loader) const displayed = useSignal(loader)
let loaded = false
signal?.addEventListener('abort', () => { signal?.addEventListener('abort', () => {
if (loaded) return
try { try {
signal.throwIfAborted() signal.throwIfAborted()
} catch (error) { } catch (error) {
@ -40,6 +42,7 @@ export default function Suspense(
.then((element) => { .then((element) => {
if (signal?.aborted) return if (signal?.aborted) return
displayed.value = element displayed.value = element
loaded = true
}) })
.catch((error) => { .catch((error) => {
if (signal?.aborted) return if (signal?.aborted) return