diff --git a/src/lib/components/tui/TuiAccordion.svelte b/src/lib/components/tui/TuiAccordion.svelte
index 6a70e47..093d084 100644
--- a/src/lib/components/tui/TuiAccordion.svelte
+++ b/src/lib/components/tui/TuiAccordion.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { untrack } from "svelte";
 	import Icon from "@iconify/svelte";
 	import { getButtonStyle, parseColorText, getSegmentStyle } from "./utils";
 	import { themeColors } from "$lib/stores/theme";
@@ -13,7 +14,9 @@
 
 	let { line, inline = false }: Props = $props();
 
-	let openItems = $state(new Set(line.accordionOpen ? [0] : []));
+	let openItems = $state(
+		new Set(untrack(() => line.accordionOpen) ? [0] : []),
+	);
 
 	function toggleItem(index: number) {
 		const newSet = new Set(openItems);
diff --git a/src/routes/about/+page.server.ts b/src/routes/about/+page.server.ts
index c8ea2f1..1401f34 100644
--- a/src/routes/about/+page.server.ts
+++ b/src/routes/about/+page.server.ts
@@ -1,4 +1,4 @@
-import playdl, { YouTubeVideo } from 'play-dl';
+import playdl, { type YouTubeVideo } from 'play-dl';
 
 function shuffleArray(array: any[]) {
     for (let i = array.length - 1; i > 0; i--) {
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index c726d5e..d70a422 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -13,7 +13,7 @@
 	const autoscroll = getPageAutoscroll("about");
 
 	let { data } = $props();
-	const { songs } = data;
+	let songs = $derived(data.songs);
 
 	let terminal = $state<TerminalAPI>();
 	let currentSongIndex = $state(0);