Hook that increments a counter every time useState() is changed.

useStateCount.tsx

import {useCallback, useState} from 'react';

export const useStateCount = <TType extends any>(initialState?: TType) => {
    const [[count, value], setState] = useState([0, initialState]);
    const setValue = useCallback(
        (next: TType) => setState([count + 1, next]),
        [count]
    );
    return [count, value, setValue];
};