diff --git a/examples/basic.tsx b/examples/basic.tsx
index c572396..548f0aa 100644
--- a/examples/basic.tsx
+++ b/examples/basic.tsx
@@ -76,11 +76,20 @@ const Demo = () => {
         <option value={200}>200</option>
       </select>
 
+      <button
+        onClick={() => {
+          setData(createData(data.length ? 0 : 1));
+        }}
+      >
+        Trigger
+      </button>
+
       <div
         style={{
           border: '5px solid green',
           padding: 8,
           maxWidth: 300,
+          // width: 120,
           marginTop: 32,
         }}
       >
@@ -89,6 +98,7 @@ const Demo = () => {
           renderItem={renderItem}
           renderRest={renderRest}
           maxCount={responsive ? 'responsive' : 6}
+          // suffix={<span>1</span>}
         />
       </div>
     </div>
diff --git a/src/Overflow.tsx b/src/Overflow.tsx
index c854fba..7aa2e3b 100644
--- a/src/Overflow.tsx
+++ b/src/Overflow.tsx
@@ -250,7 +250,11 @@ function Overflow<ItemType = any>(
   }
 
   useLayoutEffect(() => {
-    if (mergedContainerWidth && mergedRestWidth && mergedData) {
+    if (
+      mergedContainerWidth &&
+      typeof mergedRestWidth === 'number' &&
+      mergedData
+    ) {
       let totalWidth = suffixWidth;
 
       const len = mergedData.length;