fix: showing NaN for Npm Downloads in the tanstack/config page

Ali28202 · web-flow · commit 060f1d86b495 · 2025-10-21T23:59:17.000+03:30
Handle non-finite values for npm download count.
diff --git a/src/components/OpenSourceStats.tsx b/src/components/OpenSourceStats.tsx
@@ -58,6 +58,9 @@ const NpmDownloadCounter = ({
   npmData: Parameters<typeof useNpmDownloadCounter>[0]
 }) => {
   const { count, intervalMs } = useNpmDownloadCounter(npmData)
+  if (!Number.isFinite(count)) { // this returns true for NaN, Infinty / -Infinty, null, undefined
+    return '-'
+  }
   return <StableCounter value={count} intervalMs={intervalMs} />
 }
 

Original file line number	Diff line number	Diff line change
`@@ -58,6 +58,9 @@ const NpmDownloadCounter = ({`
`58`	`58`	`npmData: Parameters<typeof useNpmDownloadCounter>[0]`
`59`	`59`	`}) => {`
`60`	`60`	`const { count, intervalMs } = useNpmDownloadCounter(npmData)`
	`61`	`+ if (!Number.isFinite(count)) { // this returns true for NaN, Infinty / -Infinty, null, undefined`
	`62`	`+ return '-'`
	`63`	`+ }`
`61`	`64`	`return <StableCounter value={count} intervalMs={intervalMs} />`
`62`	`65`	`}`
`63`	`66`