更新依赖项，将 react-use-chat 版本升级至 1.2.0，并优化 App.tsx 中的 findNodeById 函数，使用 useCallback 进行性能提升。

Author: defaultjacky

example/package.json

@@ -9,7 +9,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
-    "react-use-chat": "^1.0.0",
+    "react-use-chat": "^1.2.0",
     "sass": "^1.89.0",
     "typescript": "^4.9.0",
     "web-vitals": "^3.0.0"

example/src/App.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useRef } from 'react';
 import { useDialog, SCROLL_TO_BOTTOM_EVENT } from 'react-use-chat';
 import { exampleDialogData } from './dialogData.ts';
 import './App.css';
@@ -14,9 +14,9 @@ function App() {
     resetDialog,
   } = useDialog(exampleDialogData, {
     initialNodeId: 'initialize_subject_entry',
-    findNodeById: (nodeId: string) => {
-      return exampleDialogData.find((node) => node.node_id === nodeId) || null;
-    },
+    findNodeById: useCallback((nodeId: string) => {
+      return exampleDialogData.find(node => node.node_id === nodeId) || null;
+    }, []),
     // autoCompleteDelay: 1000
   });
 

example/src/dialogData.ts

@@ -11,6 +11,7 @@ const auto_complete_node: DialogNode[] = [
   }
 ]
 
+
 const initialize_node: DialogNode[] = [
   {
     "node_id": "initialize_subject_entry",
@@ -55,7 +56,7 @@ const end_node: DialogNode[] = [
         "answer_id": "拜拜",
         "answer_text": "再见，我走啦",
         "next_node_id": null,
-        "plan_trigger": "拜拜触发器"
+        "plan_trigger": "exit_trigger"
       }
     ]
   }