fix: next server fetch error (#374)

web/src/components/deer-flow/message-input.tsx

@@ -20,8 +20,9 @@ import "~/styles/prosemirror.css";
 import { resourceSuggestion } from "./resource-suggestion";
 import React, { forwardRef, useEffect, useMemo, useRef } from "react";
 import type { Resource } from "~/core/messages";
-import { useRAGProvider } from "~/core/api/hooks";
+import { useConfig } from "~/core/api/hooks";
 import { LoadingOutlined } from "@ant-design/icons";
+import type { DeerFlowConfig } from "~/core/config";
 
 export interface MessageInputRef {
   focus: () => void;
@@ -32,6 +33,8 @@ export interface MessageInputRef {
 export interface MessageInputProps {
   className?: string;
   placeholder?: string;
+  loading?: boolean;
+  config?: DeerFlowConfig | null;
   onChange?: (markdown: string) => void;
   onEnter?: (message: string, resources: Array<Resource>) => void;
 }
@@ -75,7 +78,10 @@ function formatItem(item: JSONContent): {
 }
 
 const MessageInput = forwardRef<MessageInputRef, MessageInputProps>(
-  ({ className, onChange, onEnter }: MessageInputProps, ref) => {
+  (
+    { className, loading, config, onChange, onEnter }: MessageInputProps,
+    ref,
+  ) => {
     const editorRef = useRef<Editor>(null);
     const handleEnterRef = useRef<
       ((message: string, resources: Array<Resource>) => void) | undefined
@@ -115,8 +121,6 @@ const MessageInput = forwardRef<MessageInputRef, MessageInputProps>(
       handleEnterRef.current = onEnter;
     }, [onEnter]);
 
-    const { provider, loading } = useRAGProvider();
-
     const extensions = useMemo(() => {
       const extensions = [
         StarterKit,
@@ -132,7 +136,7 @@ const MessageInput = forwardRef<MessageInputRef, MessageInputProps>(
         }),
         Placeholder.configure({
           showOnlyCurrent: false,
-          placeholder: provider
+          placeholder: config?.rag.provider
             ? "What can I do for you? \nYou may refer to RAG resources by using @."
             : "What can I do for you?",
           emptyEditorClass: "placeholder",
@@ -154,7 +158,7 @@ const MessageInput = forwardRef<MessageInputRef, MessageInputProps>(
           },
         }),
       ];
-      if (provider) {
+      if (config?.rag.provider) {
         extensions.push(
           Mention.configure({
             HTMLAttributes: {
@@ -165,7 +169,7 @@ const MessageInput = forwardRef<MessageInputRef, MessageInputProps>(
         );
       }
       return extensions;
-    }, [provider]);
+    }, [config]);
 
     if (loading) {
       return (