From fb06fb8c38f8578597e28c861824ad5e0004c34e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BC=8F=E6=99=93?= <fuxiao.42@bytedance.com>
Date: Mon, 27 Mar 2023 16:58:53 +0800
Subject: [PATCH] fix: resolve hydration error

---
 app/api/chat-stream/route.ts |  1 -
 app/components/home.tsx      | 12 +++++++++++-
 app/components/settings.tsx  |  2 +-
 app/components/userRole.tsx  |  0
 4 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 app/components/userRole.tsx

diff --git a/app/api/chat-stream/route.ts b/app/api/chat-stream/route.ts
index 8803a425..ad40c6be 100644
--- a/app/api/chat-stream/route.ts
+++ b/app/api/chat-stream/route.ts
@@ -1,4 +1,3 @@
-import type { ChatRequest } from "../chat/typing";
 import { createParser } from "eventsource-parser";
 import { NextRequest } from "next/server";
 
diff --git a/app/components/home.tsx b/app/components/home.tsx
index 1265149a..ffe813e0 100644
--- a/app/components/home.tsx
+++ b/app/components/home.tsx
@@ -465,6 +465,16 @@ function showMemoryPrompt(session: ChatSession) {
   });
 }
 
+const useHasHydrated = () => {
+  const [hasHydrated, setHasHydrated] = useState<boolean>(false);
+
+  useEffect(() => {
+    setHasHydrated(true);
+  }, []);
+
+  return hasHydrated;
+};
+
 export function Home() {
   const [createNewSession, currentIndex, removeSession] = useChatStore(
     (state) => [
@@ -473,7 +483,7 @@ export function Home() {
       state.removeSession,
     ]
   );
-  const loading = !useChatStore?.persist?.hasHydrated();
+  const loading = !useHasHydrated();
   const [showSideBar, setShowSideBar] = useState(true);
 
   // setting
diff --git a/app/components/settings.tsx b/app/components/settings.tsx
index 56165daa..eb9bc6d4 100644
--- a/app/components/settings.tsx
+++ b/app/components/settings.tsx
@@ -354,7 +354,7 @@ export function Settings(props: { closeSettings: () => void }) {
             <input
               type="number"
               min={100}
-              max={4000}
+              max={4096}
               value={config.modelConfig.max_tokens}
               onChange={(e) =>
                 updateConfig(
diff --git a/app/components/userRole.tsx b/app/components/userRole.tsx
new file mode 100644
index 00000000..e69de29b