From db96b86e658cbae35d178aaa729ca3da91fb0f46 Mon Sep 17 00:00:00 2001
From: goddonebianu <goddonebianu@outlook.com>
Date: Fri, 5 Dec 2025 14:03:08 +0800
Subject: [PATCH] ...

---
 src/app/(features)/translator/page.tsx   | 8 ++++++--
 src/lib/browser/localStorageOperators.ts | 2 ++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/(features)/translator/page.tsx b/src/app/(features)/translator/page.tsx
index 4bab73f..848c15f 100644
--- a/src/app/(features)/translator/page.tsx
+++ b/src/app/(features)/translator/page.tsx
@@ -10,7 +10,7 @@ import { tlsoPush, tlso } from "@/lib/browser/localStorageOperators";
 import { getTTSAudioUrl } from "@/lib/browser/tts";
 import { Plus, Trash } from "lucide-react";
 import { useTranslations } from "next-intl";
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import z from "zod";
 import AddToFolder from "./AddToFolder";
 import {
@@ -38,7 +38,7 @@ export default function TranslatorPage() {
   const { load, play } = useAudioPlayer();
   const [history, setHistory] = useState<
     z.infer<typeof TranslationHistorySchema>[]
-  >(tlso.get());
+  >([]);
   const [showAddToFolder, setShowAddToFolder] = useState(false);
   const [addToFolderItem, setAddToFolderItem] = useState<z.infer<
     typeof TranslationHistorySchema
@@ -50,6 +50,10 @@ export default function TranslatorPage() {
   const [autoSave, setAutoSave] = useState(false);
   const [autoSaveFolderId, setAutoSaveFolderId] = useState<number | null>(null);
 
+  useEffect(()=>{
+    setHistory(tlso.get());
+  }, []);
+
   const tts = async (text: string, locale: string) => {
     if (lastTTS.current.text !== text) {
       const shortName = VOICES.find((v) => v.locale === locale)?.short_name;
diff --git a/src/lib/browser/localStorageOperators.ts b/src/lib/browser/localStorageOperators.ts
index 5505792..1081296 100644
--- a/src/lib/browser/localStorageOperators.ts
+++ b/src/lib/browser/localStorageOperators.ts
@@ -1,3 +1,5 @@
+"use client";
+
 import {
   TranslationHistoryArraySchema,
   TranslationHistorySchema,