update useSmoothCount syntax

This commit is contained in:
cnrad
2022-04-16 17:15:55 -04:00
parent 92f76139ca
commit 0551bff539
3 changed files with 6 additions and 46 deletions

View File

@@ -21,7 +21,7 @@
"react": "17.0.2",
"react-dom": "17.0.2",
"styled-components": "^5.3.0",
"use-smooth-count": "^0.2.0"
"use-smooth-count": "^0.3.0"
},
"devDependencies": {
"@types/escape-html": "^1.0.1",

View File

@@ -10,7 +10,7 @@ export default function Home({ userCount }: { userCount: number }) {
const [copyState, setCopyState] = useState("Copy");
const countRef = useRef<HTMLSpanElement | null>(null);
const counter = useSmoothCount(countRef, userCount, 3, { curve: [0, 1, 0, 1] });
const counter = useSmoothCount({ ref: countRef, target: userCount, duration: 3, curve: [0, 1, 0, 1] });
const copy = () => {
navigator.clipboard.writeText(

View File

@@ -1512,19 +1512,6 @@ framer-motion@^4.1.17:
optionalDependencies:
"@emotion/is-prop-valid" "^0.8.2"
framer-motion@^6.3.0:
version "6.3.0"
resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-6.3.0.tgz#0e50ef04b4fa070fca7d04bc32fb1d64027b7ea7"
integrity sha512-Nm6l2cemuFeSC1fmq9R32sCQs1eplOuZ3r14/PxRDewpE3NUr+ul5ulGRRzk8K0Aa5p76Tedi3sfCUaTPa5fRg==
dependencies:
framesync "6.0.1"
hey-listen "^1.0.8"
popmotion "11.0.3"
style-value-types "5.0.0"
tslib "^2.1.0"
optionalDependencies:
"@emotion/is-prop-valid" "^0.8.2"
framesync@5.3.0:
version "5.3.0"
resolved "https://registry.yarnpkg.com/framesync/-/framesync-5.3.0.tgz#0ecfc955e8f5a6ddc8fdb0cc024070947e1a0d9b"
@@ -1532,13 +1519,6 @@ framesync@5.3.0:
dependencies:
tslib "^2.1.0"
framesync@6.0.1:
version "6.0.1"
resolved "https://registry.yarnpkg.com/framesync/-/framesync-6.0.1.tgz#5e32fc01f1c42b39c654c35b16440e07a25d6f20"
integrity sha512-fUY88kXvGiIItgNC7wcTOl0SNRCVXMKSWW2Yzfmn7EKNc+MpCzcz9DhdHcdjbrtN3c6R4H5dTY2jiCpPdysEjA==
dependencies:
tslib "^2.1.0"
fs.realpath@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
@@ -2608,16 +2588,6 @@ pnp-webpack-plugin@1.6.4:
dependencies:
ts-pnp "^1.1.6"
popmotion@11.0.3:
version "11.0.3"
resolved "https://registry.yarnpkg.com/popmotion/-/popmotion-11.0.3.tgz#565c5f6590bbcddab7a33a074bb2ba97e24b0cc9"
integrity sha512-Y55FLdj3UxkR7Vl3s7Qr4e9m0onSnP8W7d/xQLsoJM40vs6UKHFdygs6SWryasTZYqugMjm3BepCF4CWXDiHgA==
dependencies:
framesync "6.0.1"
hey-listen "^1.0.8"
style-value-types "5.0.0"
tslib "^2.1.0"
popmotion@9.3.6:
version "9.3.6"
resolved "https://registry.yarnpkg.com/popmotion/-/popmotion-9.3.6.tgz#b5236fa28f242aff3871b9e23721f093133248d1"
@@ -3221,14 +3191,6 @@ style-value-types@4.1.4:
hey-listen "^1.0.8"
tslib "^2.1.0"
style-value-types@5.0.0:
version "5.0.0"
resolved "https://registry.yarnpkg.com/style-value-types/-/style-value-types-5.0.0.tgz#76c35f0e579843d523187989da866729411fc8ad"
integrity sha512-08yq36Ikn4kx4YU6RD7jWEv27v4V+PUsOGa4n/as8Et3CuODMJQ00ENeAVXAeydX4Z2j1XHZF1K2sX4mGl18fA==
dependencies:
hey-listen "^1.0.8"
tslib "^2.1.0"
styled-components@^5.3.0:
version "5.3.0"
resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.3.0.tgz#e47c3d3e9ddfff539f118a3dd0fd4f8f4fb25727"
@@ -3437,12 +3399,10 @@ url@^0.11.0:
punycode "1.3.2"
querystring "0.2.0"
use-smooth-count@^0.2.0:
version "0.2.0"
resolved "https://registry.yarnpkg.com/use-smooth-count/-/use-smooth-count-0.2.0.tgz#0cd3a9042ad3663444ed7a2150ab2ba2fa052a81"
integrity sha512-UOMOW41Wq0r8nY2t4CC12tz5p2Nmu81D5fN0fFUIobe91t2qt20z1jU1Dbd5MkA+QDFdQYGusjjSnvloqzLqxQ==
dependencies:
framer-motion "^6.3.0"
use-smooth-count@^0.3.0:
version "0.3.0"
resolved "https://registry.yarnpkg.com/use-smooth-count/-/use-smooth-count-0.3.0.tgz#3fc17d3953160b061a4f02f44df828d5ac88cbee"
integrity sha512-JM8t0OZH4T79LXm1JLZpUXGzZREP8JdL0LYhrZnwCOEKiMt47OT+oitgo0opfc1Dtl1Gd/NclQZiCFzGMo82yQ==
use-subscription@1.5.1:
version "1.5.1"