dont render 0

src/lib/custom-animations/CountWheel.web.tsx

@@ -52,6 +52,8 @@ export function CountWheel({
 
   const [prevCount, setPrevCount] = React.useState(likeCount)
   const prevIsLiked = React.useRef(isLiked)
+  const formattedCount = formatCount(likeCount)
+  const formattedPrevCount = formatCount(prevCount)
 
   React.useEffect(() => {
     if (isLiked === prevIsLiked.current) {
@@ -73,29 +75,28 @@ export function CountWheel({
     prevIsLiked.current = isLiked
   }, [isLiked, likeCount, shouldAnimate, shouldRoll])
 
-  const formattedCount = formatCount(likeCount)
+  if (likeCount < 1) {
-  const formattedPrevCount = formatCount(prevCount)
+    return null
+  }
 
   return (
     <View>
-      {likeCount > 0 ? (
+      <View
-        <View
+        aria-disabled={true}
-          aria-disabled={true}
+        // @ts-expect-error is div
-          // @ts-expect-error is div
+        ref={countView}>
-          ref={countView}>
+        <Text
-          <Text
+          testID="likeCount"
-            testID="likeCount"
+          style={[
-            style={[
+            big ? a.text_md : {fontSize: 15},
-              big ? a.text_md : {fontSize: 15},
+            a.user_select_none,
-              a.user_select_none,
+            isLiked
-              isLiked
+              ? [a.font_bold, s.likeColor]
-                ? [a.font_bold, s.likeColor]
+              : {color: t.palette.contrast_500},
-                : {color: t.palette.contrast_500},
+          ]}>
-            ]}>
+          {formattedCount}
-            {formattedCount}
+        </Text>
-          </Text>
+      </View>
-        </View>
-      ) : null}
       <View
         style={{position: 'absolute'}}
         aria-disabled={true}