rn-custom-style-sheet/src/Core/Hooks/UseDidMount/UseCreateHandlerSetter.ts

React Native component to select a specific value from a range of values.

import React, { useCallback, useRef } from 'react';

export default function useCreateHandlerSetter(
  handlerValue: () => void
): [React.MutableRefObject<() => void>, (nextCallback: () => void) => void] {
  const handlerRef: React.MutableRefObject<() => void> =
    useRef<() => void>(handlerValue);

  const setHandler: (nextCallback: () => void) => void = useCallback<
    (nextCallback: () => void) => void
  >(
    (nextCallback: () => void) => {
      handlerRef.current = nextCallback;
    },
    [handlerRef]
  );

  return [handlerRef, setHandler];
}