lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-05-08 10:00:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

maybe fix the useCountUp hook

Browse Source
This commit is contained in:
TFT
2026-03-31 18:41:48 +03:00
parent 4b66bb0001
commit 78950cf19e
1 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/hooks/useCountUp.ts
View File

@@ -3,13 +3,11 @@
import { useEffect, useRef, useState } from "react"; import { useEffect, useRef, useState } from "react";
interface UseCountUpOptions { interface UseCountUpOptions {
end: number; end: number;
duration?: number; duration?: number;
suffix?: string;
prefix?: string;
} }
export function useCountUp({ end, duration = 2000, suffix = "", prefix = "" }: UseCountUpOptions) { export function useCountUp({ end, duration = 2000 }: UseCountUpOptions): { ref: React.RefObject<HTMLElement | null>; count: number } {
const [count, setCount] = useState(0); const [count, setCount] = useState(0);
const [hasStarted, setHasStarted] = useState(false); const [hasStarted, setHasStarted] = useState(false);
const ref = useRef<HTMLElement>(null); const ref = useRef<HTMLElement>(null);
@@ -51,7 +49,5 @@ export function useCountUp({ end, duration = 2000, suffix = "", prefix = "" }: U
requestAnimationFrame(animate); requestAnimationFrame(animate);
}, [hasStarted, end, duration]); }, [hasStarted, end, duration]);
const display = `${prefix}${count}${suffix}`; return { ref, count };
return { ref, display, count };
} }