Custom react hook to handle counters

useCounter.ts

import { useState, useCallback } from 'react'

export type Counter = {
    count: number
    increment: (value?: number | undefined) => void
    decrement: (value?: number | undefined) => void
    reset: (value?: number | undefined) => void
}

export default (initialValue: number = 0): Counter => {
    const [count, setCounter] = useState<number>(initialValue)

    const increment = useCallback((value?: number) => setCounter(currentcount => currentcount + (value ?? 1)), [])
    const decrement = useCallback((value?: number) => setCounter(currentCount => currentCount - (value ?? 1)), [])

    const reset = useCallback((value?: number) => setCounter(value || initialValue), [initialValue])

    return { count, increment, decrement, reset }
}