import { useState, useMemo } from 'react'; export interface Actions { get: (key: K) => T[K]; set: (key: K, value: T[K]) => void; remove: (key: K) => void; reset: () => void; } const useMap = (initialMap: T = {} as T): [T, Actions] => { const [map, set] = useState(initialMap); const utils = useMemo>( () => ({ get: key => map[key], set: (key, entry) => { set(prevMap => ({ ...prevMap, [key]: entry, })); }, remove: key => { set(prevMap => { const { [key]: omit, ...rest } = prevMap; return rest as T; }); }, reset: () => set(initialMap), }), [set] ); return [map, utils]; }; export default useMap;