Collection of bugs with async svelte & bits-ui & more (in a more "complex app")

[nevthereal]

Describe the bug

I mostly explain things in this video. TLDR; it is about issues with async waterfalls, components like dialogs or dropdowns not working, hydration mismatches and more.

Reproduction

Here is the repo (the most up to date is on the dev branch): https://github.com/nevthereal/pontiq

Logs

[svelte] hydration_mismatchHydration failed because the initial UI does not match what was rendered on the serverhttps://svelte.dev/e/hydration_mismatch
warn @ client.js?v=a27e462a:3196
hydration_mismatch @ chunk-S6PZDPR6.js?v=a27e462a:90
read_hydration_instruction @ chunk-RTJCWWVW.js?v=a27e462a:4200
update_branch @ chunk-SCHCC7HL.js?v=a27e462a:717
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:737
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
if_block @ chunk-SCHCC7HL.js?v=a27e462a:730
(anonymous) @ bits-ui.js?v=a27e462a:2353
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
Presence_layer @ bits-ui.js?v=a27e462a:2352
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:298
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:292
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
wrapper @ chunk-SCHCC7HL.js?v=a27e462a:285
Dialog_content.add_svelte_meta.componentTag @ bits-ui.js?v=a27e462a:29573
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
Dialog_content @ bits-ui.js?v=a27e462a:29572
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:298
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:292
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
wrapper @ chunk-SCHCC7HL.js?v=a27e462a:285
(anonymous) @ dialog-content.svelte:28
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1449
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1449
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
component @ chunk-SCHCC7HL.js?v=a27e462a:1447
$.add_svelte_meta.componentTag @ dialog-content.svelte:28
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
(anonymous) @ dialog-content.svelte:28
snippet2 @ chunk-SCHCC7HL.js?v=a27e462a:1407
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1399
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1399
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
snippet @ chunk-SCHCC7HL.js?v=a27e462a:1394
(anonymous) @ bits-ui.js?v=a27e462a:3247
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
(anonymous) @ bits-ui.js?v=a27e462a:3247
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:755
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
key @ chunk-SCHCC7HL.js?v=a27e462a:749
(anonymous) @ bits-ui.js?v=a27e462a:3244
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
Portal_consumer @ bits-ui.js?v=a27e462a:3243
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:298
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:292
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
wrapper @ chunk-SCHCC7HL.js?v=a27e462a:285
(anonymous) @ chunk-BPWW4A3Y.js?v=a27e462a:672
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1168
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
#hydrate_resolved_content @ chunk-RTJCWWVW.js?v=a27e462a:1168
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1143
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
Boundary @ chunk-RTJCWWVW.js?v=a27e462a:1130
boundary @ chunk-RTJCWWVW.js?v=a27e462a:1067
(anonymous) @ chunk-BPWW4A3Y.js?v=a27e462a:645
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
component_root @ chunk-RTJCWWVW.js?v=a27e462a:2852
_mount @ chunk-BPWW4A3Y.js?v=a27e462a:643
mount @ chunk-BPWW4A3Y.js?v=a27e462a:568
(anonymous) @ bits-ui.js?v=a27e462a:3356
(anonymous) @ bits-ui.js?v=a27e462a:789
untrack @ chunk-RTJCWWVW.js?v=a27e462a:3580
$effect @ bits-ui.js?v=a27e462a:789
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
flush_queued_effects @ chunk-RTJCWWVW.js?v=a27e462a:2420
process @ chunk-RTJCWWVW.js?v=a27e462a:2082
flush_effects @ chunk-RTJCWWVW.js?v=a27e462a:2392
flush @ chunk-RTJCWWVW.js?v=a27e462a:2175
revive @ chunk-RTJCWWVW.js?v=a27e462a:2288
decrement @ chunk-RTJCWWVW.js?v=a27e462a:2275
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:462
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1431
Promise.then
flatten @ chunk-RTJCWWVW.js?v=a27e462a:1428
async @ chunk-SCHCC7HL.js?v=a27e462a:452
_layout @ +layout.svelte:1
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:298
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:292
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
wrapper @ chunk-SCHCC7HL.js?v=a27e462a:285
(anonymous) @ root.svelte:50
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1449
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1449
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
component @ chunk-SCHCC7HL.js?v=a27e462a:1447
$.add_svelte_meta.componentTag @ root.svelte:50
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
consequent_2 @ root.svelte:50
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
update_branch @ chunk-SCHCC7HL.js?v=a27e462a:728
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:734
(anonymous) @ root.svelte:49
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:732
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
if_block @ chunk-SCHCC7HL.js?v=a27e462a:730
(anonymous) @ root.svelte:84
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
(anonymous) @ root.svelte:84
snippet2 @ chunk-SCHCC7HL.js?v=a27e462a:1407
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1399
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1399
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
snippet @ chunk-SCHCC7HL.js?v=a27e462a:1394
(anonymous) @ +layout.svelte:51
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
_layout @ +layout.svelte:51
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:298
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:292
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
wrapper @ chunk-SCHCC7HL.js?v=a27e462a:285
(anonymous) @ root.svelte:46
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1449
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1449
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
component @ chunk-SCHCC7HL.js?v=a27e462a:1447
$.add_svelte_meta.componentTag @ root.svelte:46
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
consequent_3 @ root.svelte:46
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
update_branch @ chunk-SCHCC7HL.js?v=a27e462a:728
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:734
(anonymous) @ root.svelte:45
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:732
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
if_block @ chunk-SCHCC7HL.js?v=a27e462a:730
(anonymous) @ root.svelte:92
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
Root @ root.svelte:92
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:298
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:292
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
wrapper @ chunk-SCHCC7HL.js?v=a27e462a:285
(anonymous) @ chunk-BPWW4A3Y.js?v=a27e462a:672
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1168
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
#hydrate_resolved_content @ chunk-RTJCWWVW.js?v=a27e462a:1168
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1143
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
Boundary @ chunk-RTJCWWVW.js?v=a27e462a:1130
boundary @ chunk-RTJCWWVW.js?v=a27e462a:1067
(anonymous) @ chunk-BPWW4A3Y.js?v=a27e462a:645
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
component_root @ chunk-RTJCWWVW.js?v=a27e462a:2852
_mount @ chunk-BPWW4A3Y.js?v=a27e462a:643
hydrate @ chunk-BPWW4A3Y.js?v=a27e462a:594
Svelte4Component @ chunk-BPWW4A3Y.js?v=a27e462a:852
(anonymous) @ chunk-BPWW4A3Y.js?v=a27e462a:811
initialize @ client.js?v=a27e462a:584
_hydrate @ client.js?v=a27e462a:2843
await in _hydrate
start @ client.js?v=a27e462a:361
await in start
(anonymous) @ 42ac7020-80cd-40d2-b015-bc1a3368f74e:5068
Promise.then
(anonymous) @ 42ac7020-80cd-40d2-b015-bc1a3368f74e:5065
+layout.svelte:1 [svelte] hydration_mismatchHydration failed because the initial UI does not match what was rendered on the serverhttps://svelte.dev/e/hydration_mismatch
warn @ client.js?v=a27e462a:3196
hydration_mismatch @ chunk-S6PZDPR6.js?v=a27e462a:90
set_hydrate_node @ chunk-RTJCWWVW.js?v=a27e462a:4139
sibling @ chunk-RTJCWWVW.js?v=a27e462a:4092
(anonymous) @ +layout.svelte:1
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1184
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1184
#run @ chunk-RTJCWWVW.js?v=a27e462a:1230
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1182
run_all @ chunk-RTJCWWVW.js?v=a27e462a:43
run_micro_tasks @ chunk-RTJCWWVW.js?v=a27e462a:668
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:674
requestAnimationFrame
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:3441
tick @ chunk-RTJCWWVW.js?v=a27e462a:3440
(anonymous) @ query.svelte.js?v=a27e462a:181
chunk-RTJCWWVW.js?v=a27e462a:723 Uncaught {}
invoke_error_boundary @ chunk-RTJCWWVW.js?v=a27e462a:723
handle_error @ chunk-RTJCWWVW.js?v=a27e462a:705
#run @ chunk-RTJCWWVW.js?v=a27e462a:1232
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1182
run_all @ chunk-RTJCWWVW.js?v=a27e462a:43
run_micro_tasks @ chunk-RTJCWWVW.js?v=a27e462a:668
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:674
requestAnimationFrame
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:3441
tick @ chunk-RTJCWWVW.js?v=a27e462a:3440
(anonymous) @ query.svelte.js?v=a27e462a:181
+layout.svelte:51 [svelte] hydration_mismatchHydration failed because the initial UI does not match what was rendered on the serverhttps://svelte.dev/e/hydration_mismatch
warn @ client.js?v=a27e462a:3196
hydration_mismatch @ chunk-S6PZDPR6.js?v=a27e462a:90
read_hydration_instruction @ chunk-RTJCWWVW.js?v=a27e462a:4200
update_branch @ chunk-SCHCC7HL.js?v=a27e462a:717
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:734
(anonymous) @ +layout.svelte:51
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:732
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
if_block @ chunk-SCHCC7HL.js?v=a27e462a:730
(anonymous) @ +layout.svelte:51
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
(anonymous) @ +layout.svelte:51
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:459
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1431
Promise.then
flatten @ chunk-RTJCWWVW.js?v=a27e462a:1428
async @ chunk-SCHCC7HL.js?v=a27e462a:452
(anonymous) @ +layout.svelte:32
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1184
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1184
#run @ chunk-RTJCWWVW.js?v=a27e462a:1230
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1182
run_all @ chunk-RTJCWWVW.js?v=a27e462a:43
run_micro_tasks @ chunk-RTJCWWVW.js?v=a27e462a:668
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:674
42ac7020-80cd-40d2-b015-bc1a3368f74e:1 Uncaught (in promise) {}
Promise.catch
flatten @ chunk-RTJCWWVW.js?v=a27e462a:1442
async @ chunk-SCHCC7HL.js?v=a27e462a:452
_layout @ +layout.svelte:1
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:298
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:292
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
wrapper @ chunk-SCHCC7HL.js?v=a27e462a:285
(anonymous) @ root.svelte:50
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1449
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1449
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
component @ chunk-SCHCC7HL.js?v=a27e462a:1447
$.add_svelte_meta.componentTag @ root.svelte:50
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
consequent_2 @ root.svelte:50
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
update_branch @ chunk-SCHCC7HL.js?v=a27e462a:728
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:734
(anonymous) @ root.svelte:49
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:732
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
if_block @ chunk-SCHCC7HL.js?v=a27e462a:730
(anonymous) @ root.svelte:84
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
(anonymous) @ root.svelte:84
snippet2 @ chunk-SCHCC7HL.js?v=a27e462a:1407
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1399
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1399
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
snippet @ chunk-SCHCC7HL.js?v=a27e462a:1394
(anonymous) @ +layout.svelte:51
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
_layout @ +layout.svelte:51
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:298
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:292
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
wrapper @ chunk-SCHCC7HL.js?v=a27e462a:285
(anonymous) @ root.svelte:46
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1449
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:1449
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
component @ chunk-SCHCC7HL.js?v=a27e462a:1447
$.add_svelte_meta.componentTag @ root.svelte:46
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
consequent_3 @ root.svelte:46
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:596
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
ensure @ chunk-SCHCC7HL.js?v=a27e462a:596
update_branch @ chunk-SCHCC7HL.js?v=a27e462a:728
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:734
(anonymous) @ root.svelte:45
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:732
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
if_block @ chunk-SCHCC7HL.js?v=a27e462a:730
(anonymous) @ root.svelte:92
add_svelte_meta @ chunk-RTJCWWVW.js?v=a27e462a:547
Root @ root.svelte:92
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:298
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
(anonymous) @ chunk-SCHCC7HL.js?v=a27e462a:292
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
wrapper @ chunk-SCHCC7HL.js?v=a27e462a:285
(anonymous) @ chunk-BPWW4A3Y.js?v=a27e462a:672
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1168
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
branch @ chunk-RTJCWWVW.js?v=a27e462a:2922
#hydrate_resolved_content @ chunk-RTJCWWVW.js?v=a27e462a:1168
(anonymous) @ chunk-RTJCWWVW.js?v=a27e462a:1143
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
block @ chunk-RTJCWWVW.js?v=a27e462a:2915
Boundary @ chunk-RTJCWWVW.js?v=a27e462a:1130
boundary @ chunk-RTJCWWVW.js?v=a27e462a:1067
(anonymous) @ chunk-BPWW4A3Y.js?v=a27e462a:645
update_reaction @ chunk-RTJCWWVW.js?v=a27e462a:3288
update_effect @ chunk-RTJCWWVW.js?v=a27e462a:3418
create_effect @ chunk-RTJCWWVW.js?v=a27e462a:2763
component_root @ chunk-RTJCWWVW.js?v=a27e462a:2852
_mount @ chunk-BPWW4A3Y.js?v=a27e462a:643
hydrate @ chunk-BPWW4A3Y.js?v=a27e462a:594
Svelte4Component @ chunk-BPWW4A3Y.js?v=a27e462a:852
(anonymous) @ chunk-BPWW4A3Y.js?v=a27e462a:811
initialize @ client.js?v=a27e462a:584
_hydrate @ client.js?v=a27e462a:2843
await in _hydrate
start @ client.js?v=a27e462a:361
await in start
(anonymous) @ 42ac7020-80cd-40d2-b015-bc1a3368f74e:5068
Promise.then
(anonymous) @ 42ac7020-80cd-40d2-b015-bc1a3368f74e:5065
chunk-RTJCWWVW.js?v=a27e462a:4178 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'nodeType')

	in <unknown>
	in KnowledgeBase.svelte
	in +layout.svelte
	in +layout.svelte
	in +layout.svelte
	in root.svelte

    at skip_nodes (chunk-RTJCWWVW.js?v=a27e462a:4178:14)
    at chunk-SCHCC7HL.js?v=a27e462a:887:18
    at update_reaction (chunk-RTJCWWVW.js?v=a27e462a:3288:18)
    at update_effect (chunk-RTJCWWVW.js?v=a27e462a:3418:21)
    at create_effect (chunk-RTJCWWVW.js?v=a27e462a:2763:7)
    at block (chunk-RTJCWWVW.js?v=a27e462a:2915:17)
    at Module.each (chunk-SCHCC7HL.js?v=a27e462a:873:3)
    at KnowledgeBase.svelte:25:55
    at Module.add_svelte_meta (chunk-RTJCWWVW.js?v=a27e462a:547:12)
    at KnowledgeBase.svelte:25:55

System Info

System:
    OS: macOS 26.0.1
    CPU: (11) arm64 Apple M3 Pro
    Memory: 1.13 GB / 18.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.14.0 - /Users/nevillebrem/.nvm/versions/node/v22.14.0/bin/node
    npm: 10.9.2 - /Users/nevillebrem/.nvm/versions/node/v22.14.0/bin/npm
    pnpm: 10.19.0 - /Users/nevillebrem/.nvm/versions/node/v22.14.0/bin/pnpm
    bun: 1.3.0 - /opt/homebrew/bin/bun
  Browsers:
    Chrome: 141.0.7390.123
    Safari: 26.0.1
  npmPackages:
    svelte: ^5.42.2 => 5.42.2

Severity

annoyance

[nevthereal]

sveltejs/kit#13527 also happens sometimes

[dylan1951]

I've had a bunch of issues that only arise when reloading the page. If I navigate there from another page I never have any issues.

[nevthereal]

I've had a bunch of issues that only arise when reloading the page. If I navigate there from another page I never have any issues.

it is pretty nondeterministic on my side. sometimes it works after reload, sometimes after HMR and sometimes on navigation

[legowhales]

I am also having issues since version 5.42.0 of svelte. Do you have the same issues with version 5.41.4?

[nevthereal]

did not try that yet

[dylan1951]

https://stackblitz.com/edit/sveltejs-kit-template-default-23wl9l9t?file=src%2Froutes%2F%2Bpage.svelte

I narrowed down a minimal reproduction of the error Uncaught (in promise) TypeError: Cannot read properties of null (reading 'nodeType')

It causes the boundary to get stuck pending forever.

Edit: workaround to this problem is to ensure you have a svelte:boundary at the root. Version 5.43.0 actually fixes this problem but is severely buggy otherwise.

[nevthereal]

yeah that‘s the error that is occuring sometimes and the behavior is also the same with me. but there are also cases where there are other errors or warnings or just nothing

[nevthereal]

THANK YOU A LOT FOR THIS SWIFT FIX!!
With the new version, all of the browser logs are gone. But there still are some occasional hickups when navigating or refreshing. I'll keep you updated as I am exploring more

Adobe.Express.-.Screen.Recording.2025-10-28.at.21.48.14.mp4

[nevthereal]

As it seems, after reload a query only gets fired once. Debugged it with a log in my Remote Query

Screen.Recording.2025-10-28.at.22.00.00.mp4

[dylan1951]

Can confirm that my issue is fixed but yeah there's definitely a bunch more bugs with async. Maybe try to submit each bug separately with a minimal reproduction. I'll also submit some.

This update also created a new even more severe bug: #17064. It's like whack-a-mole

[connorjan]

Even after #17038 I think am still seeing the same issues. Tried to make a minimal reproduction (still including the bits-ui components) here: https://codesandbox.io/p/devbox/dropdown-with-async-wgkpzt

[dummdidumm]

I can reproduce this only in dev mode (you can check yourself by adding compilerOptions: { dev: false, hmr: false } to your svelte.config.js), when I comment out this line

svelte/packages/svelte/src/compiler/phases/3-transform/client/visitors/SnippetBlock.js

Line 68 in 70d020b

declarations.push(b.stmt(transform[name].read(b.id(name))));

then it opens correctly. Not sure yet why the eager access is causing this, seems it was introduced in 5.41.2.

Update don't think that's right, it first looked like #16971 is the culprit but it only shows the bug on first render, too, while on update it's already buggy on versions before that.

Update seems like #16945 introduced it, at least that's the first version where it doesn't work while data is refreshing

[connorjan]

I can reproduce this only in dev mode (you can check yourself by adding compilerOptions: { dev: false, hmr: false } to your svelte.config.js)

Hm, I wonder if something else is going on then. I tried adding those compiler options, even tried commenting out that line in SnippetBlock.js to make sure, but didn't notice any change. Also tried vite build and preview but still saw the same thing there too.

[nevthereal]

So the only big issue I am having right now is that the modal in https://github.com/nevthereal/pontiq/blob/dev/src/lib/components/Uploader.svelte is not opening anymore. What could be going on there? I see no browser logs neither in dev nor build. All of the other ones are happening from time to time, sometimes they do, sometimes not. and the comment above where the getProject query sometimes doesn't run on navigate is still relevant:

Screen.Recording.2025-10-28.at.22.00.00.mp4