A React hook that stores & updates ref.current with the most recent value.

npm i @utilityjs/use-get-latest | yarn add @utilityjs/use-get-latest

Usage

import useGetLatest from "@utilityjs/use-get-latest";
import * as React from "react";

const useAttachDomClick = (callback) => {
  const cachedCallback = useGetLatest(callback);

  React.useEffect(() => {
    document.addEventListener("click", cachedCallback.current);
    return () => {
      document.removeEventListener("click", cachedCallback.current);
    }
  }, [])
};

API

useGetLatest(value)

declare const useGetLatest: <T>(value: T) => MutableRefObject<T>;

value

The value to be stored.