fix: npm stats - update react-pacer (#404)

* use react-pacer

* use callbacks for throttling

---------

Co-authored-by: Kevin Van Cott <[email protected]>

Author: birkskyum

package.json

@@ -32,8 +32,7 @@
     "@sentry/react": "^8.35.0",
     "@sentry/vite-plugin": "^2.22.6",
     "@tailwindcss/typography": "^0.5.13",
-    "@tanstack/pacer": "^0.2.0",
-    "@tanstack/react-pacer": "^0.2.0",
+    "@tanstack/react-pacer": "^0.7.0",
     "@tanstack/react-query": "^5.66.0",
     "@tanstack/react-router": "1.121.0-alpha.11",
     "@tanstack/react-router-devtools": "1.121.0-alpha.11",

pnpm-lock.yaml

@@ -1,8 +1,7 @@
 import * as React from 'react'
 import { Link } from '@tanstack/react-router'
 import { z } from 'zod'
-import { throttle } from '@tanstack/pacer'
-import { useDebouncedValue } from '@tanstack/react-pacer'
+import { useDebouncedValue, useThrottledCallback } from '@tanstack/react-pacer'
 import {
   MdClose,
   MdVisibility,
@@ -1142,7 +1141,7 @@ function RouteComponent() {
     setColorPickerPackage(packageName)
   }
 
-  const handleColorChange = throttle(
+  const handleColorChange = useThrottledCallback(
     (packageName: string, color: string | null) => {
       navigate({
         to: '.',
@@ -1174,7 +1173,7 @@ function RouteComponent() {
     }
   )
 
-  const onHeightChange = throttle(
+  const onHeightChange = useThrottledCallback(
     (height: number) => {
       navigate({
         to: '.',