From ef3cb4f5b64abc425589e4378a9aab6d8bdb929a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?=
 <smith3816@gmail.com>
Date: Wed, 22 Mar 2023 13:04:51 +0800
Subject: [PATCH] chore: not ignore 0 width

---
 examples/basic.tsx | 10 ++++++++++
 src/Overflow.tsx   |  6 +++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

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;