sveltejs/svelte

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

Closed this issue · 16 comments

nevthereal commented

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 commented

sveltejs/kit#13527 also happens sometimes

  • 👍1
dylan1951 commented

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 commented

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 commented

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

nevthereal commented

did not try that yet

dylan1951 commented

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.

  • ❤️1
nevthereal commented

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 commented

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 commented

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 commented

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

  • ❤️1
connorjan commented

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

  • 👍2
  • ❤️2
dummdidumm commented

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

  • 👍1
connorjan commented

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 commented

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
kaysef commented

I'm having the same issue with my combo boxes and sometimes my links are not working after refactoring to async remote functions. Maybe we need a guide on the best practices for remote functions. Others seem to have had theirs fixed.

  • 👍4
zhihengGet commented

also having issue with remote function, my dialog/popover not opening , have to hard refresh the page then it works

guessing something wrong with the code, maybe $bindable lost effect?

no errors in console

  • ❤️2