Browse Source

Merge pull request #66 from iFwu/main

fix: resolve hydration error
Yifei Zhang 1 year ago
parent
commit
d17706636b
3 changed files with 12 additions and 3 deletions
  1. 0 1
      app/api/chat-stream/route.ts
  2. 11 1
      app/components/home.tsx
  3. 1 1
      app/components/settings.tsx

+ 0 - 1
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";
 

+ 11 - 1
app/components/home.tsx

@@ -470,6 +470,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) => [
@@ -478,7 +488,7 @@ export function Home() {
       state.removeSession,
     ]
   );
-  const loading = !useChatStore?.persist?.hasHydrated();
+  const loading = !useHasHydrated();
   const [showSideBar, setShowSideBar] = useState(true);
 
   // setting

+ 1 - 1
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(