Hook for reanimated animated value

useAnimatedValue.ts

export default function useAnimatedValue(
  value: number,
  listener?: boolean | ((arg: any) => any),
  debugLabel?: string,
) {
  const lastValue = useRef(null);

  const animatedValue = useMemo(() => new Animated.Value(value), []);

  useEffect(() => {
    if (!listener) {
      return;
    }

    const animatedAlways = Animated.always(
      Animated.call([animatedValue], ([val]) => {
        lastValue.current = val;

        if (typeof listener === 'function') {
          listener(val);
        }

        if (debugLabel) {
          console.log(debugLabel, val);
        }
      }),
    );
    animatedAlways.__attach();

    // return undo function
    return () => animatedAlways.__detach();
  }, []);

  animatedValue.getValue = () => lastValue.current;

  return animatedValue;
}