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) {