fix: handle some null value branch

package.json

@@ -103,8 +103,8 @@
     "@types/react-dom": "^17.0.0",
     "@types/sinon": "^10.0.2",
     "@types/sinon-chai": "^2.7.38",
-    "@typescript-eslint/eslint-plugin": "^4.29.2",
-    "@typescript-eslint/parser": "^4.29.2",
+    "@typescript-eslint/eslint-plugin": "^4.33.0",
+    "@typescript-eslint/parser": "^4.33.0",
     "autoprefixer": "^8.3.0",
     "babel-loader": "^8.0.0",
     "babel-plugin-istanbul": "^4.1.4",

src/Affix/Affix.tsx

@@ -22,11 +22,12 @@ function useOffset(mountRef: React.RefObject<HTMLDivElement>) {
   const [offset, setOffset] = useState<Offset | null>(null);
 
   const updateOffset = useCallback(() => {
+    // FIXME upgrade dom-lib
     setOffset(getOffset(mountRef.current!));
   }, [mountRef]);
 
   // Update after the element size changes
-  useElementResize(() => mountRef.current!, updateOffset);
+  useElementResize(() => mountRef.current, updateOffset);
 
   // Initialize after the first render
   useMount(updateOffset);

src/Calendar/TimeDropdown.tsx

@@ -82,8 +82,11 @@ const scrollTo = (time: Time, row: HTMLDivElement) => {
     const node = container?.querySelector(`[data-key="${type}-${value}"]`);
 
     if (node && container) {
-      const { top } = getPosition(node, container)!;
-      scrollTopAnimation(container, top, scrollTop(container) !== 0);
+      const position = getPosition(node, container);
+
+      if (position) {
+        scrollTopAnimation(container, position.top, scrollTop(container) !== 0);
+      }
     }
   });
 };
@@ -104,7 +107,9 @@ const TimeDropdown: RsRefForwardingComponent<'div', TimeDropdownProps> = React.f
     useEffect(() => {
       const time = getTime({ format, date, showMeridian });
       // The currently selected time scrolls to the visible range.
-      show && scrollTo(time, rowRef.current!);
+      if (show && rowRef.current) {
+        scrollTo(time, rowRef.current);
+      }
     }, [date, format, show, showMeridian]);
 
     const handleClick = (type: TimeType, d: number, event: React.MouseEvent) => {

src/Cascader/DropdownMenu.tsx

@@ -78,9 +78,9 @@ const DropdownMenu: RsRefForwardingComponent<'div', DropdownMenuProps> = React.f
         }
 
         if (activeItem) {
-          const position = getPosition(activeItem, column)!;
+          const position = getPosition(activeItem, column);
           // Let the active option scroll into view.
-          scrollTop(column, position.top);
+          scrollTop(column, position?.top);
         }
       });
     }, [prefix]);

src/CheckTreePicker/CheckTreePicker.tsx

@@ -122,14 +122,14 @@ const CheckTreePicker: PickerComponent<CheckTreePickerProps> = React.forwardRef(
     placeholder,
     value: controlledValue,
     defaultValue = emptyArray,
-    defaultExpandAll,
+    defaultExpandAll = false,
     disabledItemValues = emptyArray,
     expandItemValues: controlledExpandItemValues,
-    defaultExpandItemValues,
+    defaultExpandItemValues = emptyArray,
     height = 360,
     menuStyle,
     searchable = true,
-    virtualized,
+    virtualized = false,
     className,
     classPrefix = 'picker',
     menuClassName,
@@ -286,15 +286,17 @@ const CheckTreePicker: PickerComponent<CheckTreePickerProps> = React.forwardRef(
   };
 
   const focusActiveNode = useCallback(() => {
-    focusToActiveTreeNode({
-      list: listRef.current!,
-      valueKey,
-      selector: `.${checkTreePrefix('node-active')}`,
-      activeNode,
-      virtualized: virtualized!,
-      container: treeViewRef.current!,
-      formattedNodes: getFormattedNodes()
-    });
+    if (listRef.current) {
+      focusToActiveTreeNode({
+        list: listRef.current,
+        valueKey,
+        selector: `.${checkTreePrefix('node-active')}`,
+        activeNode,
+        virtualized,
+        container: treeViewRef.current,
+        formattedNodes: getFormattedNodes()
+      });
+    }
   }, [checkTreePrefix, activeNode, getFormattedNodes, valueKey, virtualized]);
 
   useEffect(() => {