gofnnp/w-lab-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix error

Browse Source
This commit is contained in:
dev.daminik00 2025-10-18 22:55:28 +02:00
parent 9d682a8499
commit 0700e77a02
1 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/hooks/timer/useTimer.ts
View File

@ -15,21 +15,28 @@ export function useTimer({
persist = false,
storageKey,
}: UseTimerOptions) {
const [seconds, setSeconds] = useState<number>(() => {
if (persist && storageKey) {
const saved = localStorage.getItem(storageKey);
if (saved !== null) {
const parsed = parseInt(saved, 10);
if (!isNaN(parsed)) return parsed;
}
}
return initialSeconds;
});
// Always initialize with initialSeconds to match SSR
const [seconds, setSeconds] = useState<number>(initialSeconds);
const intervalRef = useRef<NodeJS.Timeout | null>(null);
// Load from localStorage after mount (client-only)
useEffect(() => {
if (persist && storageKey) {
if (persist && storageKey && typeof window !== 'undefined') {
const saved = localStorage.getItem(storageKey);
if (saved !== null) {
const parsed = parseInt(saved, 10);
if (!isNaN(parsed)) {
setSeconds(parsed);
return; // Don't save again if we just loaded
}
}
}
}, [persist, storageKey]); // Run once on mount
// Save to localStorage when seconds change
useEffect(() => {
if (persist && storageKey && typeof window !== 'undefined') {
localStorage.setItem(storageKey, seconds.toString());
}
}, [seconds, persist, storageKey]);
@ -54,7 +61,7 @@ export function useTimer({
const reset = useCallback(() => {
setSeconds(initialSeconds);
if (persist && storageKey) {
if (persist && storageKey && typeof window !== 'undefined') {
localStorage.setItem(storageKey, initialSeconds.toString());
}
}, [initialSeconds, persist, storageKey]);