Hook that emits the previous and current values of useState()

useStatePair.tsx

import {useCallback, useState} from 'react';

export const useStatePair = <TType extends any>(initialState?: TType) => {
    const [[prev, current], setPair] = useState<Array<TType | undefined>>([
        undefined,
        initialState
    ]);
    const setValue = useCallback(
        (next: TType) => setPair([current, next]),
        [current]
    );
    return [prev, current, setValue];
};