react-use/src/useSetState.ts
xobotyi e6fae504b8
feat(prettier): make prettier a part of eslint.
Also reduce max line width to 100. And remove `lint:types` step for
commit sequence, it bothers when committing incomplete (wip) changes.
2021-02-01 18:43:46 +03:00

20 lines
497 B
TypeScript

import { useCallback, useState } from 'react';
const useSetState = <T extends object>(
initialState: T = {} as T
): [T, (patch: Partial<T> | ((prevState: T) => Partial<T>)) => void] => {
const [state, set] = useState<T>(initialState);
const setState = useCallback(
(patch) => {
set((prevState) =>
Object.assign({}, prevState, patch instanceof Function ? patch(prevState) : patch)
);
},
[set]
);
return [state, setState];
};
export default useSetState;