diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 457b259..724c8d7 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -22,13 +22,14 @@
 	let isSyncing = false;
 	let syncTimeout: ReturnType<typeof setTimeout> | undefined;
 	let jassubInstance: any | undefined;
+	let currentSubtitleUrl = $derived(videoState?.subtitleUrl);
 
 	$effect(() => {
 		console.log("effect-1");
-		if (videoElement && videoState?.subtitleUrl && videoState.subtitleUrl.endsWith(".ass")) {
+		if (videoElement && currentSubtitleUrl && currentSubtitleUrl.endsWith(".ass")) {
 			jassubInstance = new JASSUB({
 				video: videoElement,
-				subUrl: videoState.subtitleUrl,
+				subUrl: currentSubtitleUrl,
 				fonts: [font1],
 			});