useTraceableState : get previous value of a state

useTraceableState

import { useRef, useEffect, useState } from "react"

const usePreviousValue = (value: any) => {
    const ref = useRef()
    useEffect(() => {
        ref.current = value
    })
    return ref.current
}

export const useTraceableState = (initialValue: any) => {
    const [value, setValue] = useState(initialValue)
    const prevValue = usePreviousValue(value)

    return [prevValue, value, setValue]
}