diff --git a/src/routes/dashboard/index.tsx b/src/routes/dashboard/index.tsx
index 3211fe1..4e9d6ea 100644
--- a/src/routes/dashboard/index.tsx
+++ b/src/routes/dashboard/index.tsx
@@ -1,4 +1,4 @@
-import { $, component$, useOnDocument } from "@builder.io/qwik";
+import { component$, useVisibleTask$ } from "@builder.io/qwik";
 import { routeLoader$, type DocumentHead } from "@builder.io/qwik-city";
 import Controlbar from "~/components/Controlbar";
 import File from "~/components/File";
@@ -19,12 +19,12 @@ export default component$(() => {
 	const files = useNanostore$<StereoFile[]>(dashboardFiles);
 	const loaded = useNanostore$<boolean>(areFilesLoaded);
 
-	useOnDocument("DOMContentLoaded", $(async () => {
+	useVisibleTask$(async () => {
 		loaded.value = false;
 		files.value = await api.list();
 		console.log("Files loaded:", files.value);
 		loaded.value = true;
-	}));
+	});
 
 	return (
 		<>