From c36450f4367540787d0d5dd45c43d9b0012256d5 Mon Sep 17 00:00:00 2001
From: whyour <imwhyour@gmail.com>
Date: Sun, 25 Sep 2022 13:38:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dant-tree=E9=AB=98=E5=BA=A6?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json               | 2 +-
 src/pages/log/index.tsx    | 7 +++++--
 src/pages/script/index.tsx | 7 +++++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index d6680cd4..dfe3ca81 100644
--- a/package.json
+++ b/package.json
@@ -131,7 +131,7 @@
     "react-dnd": "^14.0.2",
     "react-dnd-html5-backend": "^14.0.0",
     "react-dom": "18.x",
-    "react-split-pane": "^0.1.92",
+    "react-split-pane": "git+https://github.com/tomkp/react-split-pane.git#master",
     "sockjs-client": "^1.6.0",
     "ts-node": "^10.6.0",
     "tslib": "^2.4.0",
diff --git a/src/pages/log/index.tsx b/src/pages/log/index.tsx
index c00a03ab..41457132 100644
--- a/src/pages/log/index.tsx
+++ b/src/pages/log/index.tsx
@@ -195,10 +195,13 @@ const Log = () => {
 
   useEffect(() => {
     getLogs();
-    if (treeDom && treeDom.current) {
+  }, []);
+
+  useEffect(() => {
+    if (treeDom.current) {
       setHeight(treeDom.current.clientHeight);
     }
-  }, []);
+  }, [treeDom.current, data]);
 
   return (
     <PageContainer
diff --git a/src/pages/script/index.tsx b/src/pages/script/index.tsx
index f31ae707..460a1f6f 100644
--- a/src/pages/script/index.tsx
+++ b/src/pages/script/index.tsx
@@ -375,10 +375,13 @@ const Script = () => {
 
   useEffect(() => {
     getScripts();
-    if (treeDom && treeDom.current) {
+  }, []);
+
+  useEffect(() => {
+    if (treeDom.current) {
       setHeight(treeDom.current.clientHeight);
     }
-  }, []);
+  }, [treeDom.current, data]);
 
   const action = (key: string | number) => {
     switch (key) {