fix: Cannot read property 'scrollLeft' of null

close ant-design/ant-design#29078
react-component · Jan 28, 2021 · 83aca26 · 83aca26
1 parent 738f076
commit 83aca26
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/stickyScrollBar.tsx b/src/stickyScrollBar.tsx
@@ -138,12 +138,16 @@ const StickyScrollBar: React.ForwardRefRenderFunction<unknown, StickyScrollBarPr
 
   React.useEffect(() => {
     if (!scrollState.isHiddenScrollBar) {
-      setScrollState(state => ({
-        ...state,
-        scrollLeft:
-          (scrollBodyRef.current.scrollLeft / scrollBodyRef.current?.scrollWidth) *
-          scrollBodyRef.current?.clientWidth,
-      }));
+      setScrollState(state => {
+        const bodyNode = scrollBodyRef.current;
+        if (!bodyNode) {
+          return state;
+        }
+        return {
+          ...state,
+          scrollLeft: (bodyNode.scrollLeft / bodyNode.scrollWidth) * bodyNode.clientWidth,
+        };
+      });
     }
   }, [scrollState.isHiddenScrollBar]);