@fluent-windows/hooks
Version:
Fluent-Windows React hooks.
31 lines (26 loc) • 828 B
TypeScript
/**
* React effect hook that ignores the first invocation (e.g. on mount). The signature is exactly the same as the useEffect hook.
*
* Demo
* import { useUpdateEffect } from '@fluent-windows/hooks'
*
const [count, setCount] = React.useState(0);
React.useEffect(() => {
const interval = setInterval(() => {
setCount(count => count + 1)
}, 1000)
return () => {
clearInterval(interval)
}
}, [])
useUpdateEffect(() => {
console.log('count', count) // will only show 1 and beyond
return () => {
// do something on unmount
}
})
*/
declare type EffectCallback = () => void | (() => void | undefined);
declare type DependencyList = any[];
declare function useUpdateEffect(effect: EffectCallback, deps: DependencyList): void;
export default useUpdateEffect;