2 files changed, 6 insertions, 4 deletions
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f29e4ad5..268e9713 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -11,7 +11,7 @@ import Skeleton from "$lib/Loading/Skeleton.svelte";
 import locale from "$stores/locale.js";
 import Landing from "$lib/Landing.svelte";
 import LandingHero from "$lib/LandingHero.svelte";
-import stateBin from "$stores/stateBin.js";
+import stateBin, { hydrateStateBin } from "$stores/stateBin.js";
 import type { PageData } from "./$types";
 
 let { data }: { data: PageData } = $props();
@@ -63,8 +63,9 @@ const loadAuthenticatedHomeSurface = () => {
 	return authenticatedHomeSurfaceImport;
 };
 
-onMount(() => {
+onMount(async () => {
 	removeHeightObserver = createHeightObserver();
+	await hydrateStateBin();
 	$stateBin.upcomingAnimeListOpen ??= true;
 	$stateBin.dueMangaListOpen ??= true;
 	void loadAuthenticatedHomeSurface();
diff --git a/src/routes/completed/+page.svelte b/src/routes/completed/+page.svelte
index 220901bf..bcad912b 100644
--- a/src/routes/completed/+page.svelte
+++ b/src/routes/completed/+page.svelte
@@ -10,7 +10,7 @@ import { createHeightObserver } from "$lib/Utility/html.js";
 import Skeleton from "$lib/Loading/Skeleton.svelte";
 import locale from "$stores/locale.js";
 import Landing from "$lib/Landing.svelte";
-import stateBin from "$stores/stateBin.js";
+import stateBin, { hydrateStateBin } from "$stores/stateBin.js";
 import type { PageData } from "./$types";
 
 let { data }: { data: PageData } = $props();
@@ -53,8 +53,9 @@ const loadCompletedSurface = () => {
 	return completedSurfaceImport;
 };
 
-onMount(() => {
+onMount(async () => {
 	removeHeightObserver = createHeightObserver();
+	await hydrateStateBin();
 	$stateBin.completedAnimeListOpen ??= true;
 	$stateBin.completedMangaListOpen ??= true;
 	void loadCompletedSurface();