Files
yaak-mountain-loop/src-web/hooks/useStateWithDeps.ts
2024-05-13 07:19:26 -07:00

15 lines
468 B
TypeScript

import type { DependencyList } from 'react';
import { useEffect, useState } from 'react';
/**
* Like useState, except it will update the value when the default value changes
*/
export function useStateWithDeps<T>(defaultValue: T, deps: DependencyList) {
const [value, setValue] = useState(defaultValue);
useEffect(() => {
setValue(defaultValue);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, deps);
return [value, setValue] as const;
}