@hakuna-matata-ui/hooks/src/use-latest-ref.ts

React hooks for Chakra components

import * as React from "react"

/**
 * React hook to persist any value between renders,
 * but keeps it up-to-date if it changes.
 *
 * @param value the value or function to persist
 */
export function useLatestRef<T>(value: T) {
  const ref = React.useRef<T | null>(null)
  ref.current = value
  return ref as React.MutableRefObject<T>
}