Merge branch 'main' of https://github.com/TanStack/tanstack.com

tannerlinsley · tannerlinsley · commit c246f0d5ed5f · 2025-12-23T01:02:10.000-07:00
diff --git a/src/components/ParentSize.tsx b/src/components/ParentSize.tsx
@@ -33,7 +33,11 @@ export function ParentSize({ children, className }: ParentSizeProps) {
   }, [])
 
   return (
-    <div ref={containerRef} className={className} style={{ width: '100%', height: '100%' }}>
+    <div
+      ref={containerRef}
+      className={className}
+      style={{ width: '100%', height: '100%' }}
+    >
       {size.width > 0 && children(size)}
     </div>
   )
diff --git a/src/hooks/useNpmDownloadCounter.ts b/src/hooks/useNpmDownloadCounter.ts
@@ -5,12 +5,16 @@ import type { NpmStats } from '~/utils/stats.server'
  * Hook to animate NPM download count using direct DOM updates.
  * Uses setInterval to minimize overhead - updates only when count changes.
  */
-export function useNpmDownloadCounter(npmData: NpmStats): React.RefCallback<HTMLElement> {
+export function useNpmDownloadCounter(
+  npmData: NpmStats,
+): React.RefCallback<HTMLElement> {
   const baseCount = npmData.totalDownloads ?? 0
   const ratePerDay = npmData.ratePerDay ?? 0
   const updatedAt = npmData.updatedAt ?? Date.now()
 
-  const intervalRef = useRef<ReturnType<typeof setInterval> | undefined>(undefined)
+  const intervalRef = useRef<ReturnType<typeof setInterval> | undefined>(
+    undefined,
+  )
   const elementRef = useRef<HTMLElement | null>(null)
   const lastCountRef = useRef<number | null>(null)
 
@@ -48,17 +52,20 @@ export function useNpmDownloadCounter(npmData: NpmStats): React.RefCallback<HTML
     }
   }, [baseCount, ratePerDay, updatedAt])
 
-  const refCallback = useCallback((node: HTMLElement | null) => {
-    elementRef.current = node
-    if (node) {
-      const msPerDay = 24 * 60 * 60 * 1000
-      const ratePerMs = ratePerDay / msPerDay
-      const elapsedMs = Date.now() - updatedAt
-      const count = Math.round(baseCount + ratePerMs * elapsedMs)
-      lastCountRef.current = count
-      node.textContent = count.toLocaleString()
-    }
-  }, [baseCount, ratePerDay, updatedAt])
+  const refCallback = useCallback(
+    (node: HTMLElement | null) => {
+      elementRef.current = node
+      if (node) {
+        const msPerDay = 24 * 60 * 60 * 1000
+        const ratePerMs = ratePerDay / msPerDay
+        const elapsedMs = Date.now() - updatedAt
+        const count = Math.round(baseCount + ratePerMs * elapsedMs)
+        lastCountRef.current = count
+        node.textContent = count.toLocaleString()
+      }
+    },
+    [baseCount, ratePerDay, updatedAt],
+  )
 
   return refCallback
 }
