@hitachivantara/uikit-react-core/dist/esm/hooks/useControlled.js

Core React components for the NEXT Design System.

import { useRef, useState, useCallback } from "react";
const useControlled = (controlledProp, initialState) => {
  const { current: isControlled } = useRef(controlledProp !== void 0);
  const [valueState, setValue] = useState(initialState);
  const value = isControlled ? controlledProp : valueState;
  const setValueIfUncontrolled = useCallback(
    (newValue) => {
      if (!isControlled) {
        setValue(newValue);
      }
    },
    [isControlled]
  );
  return [value, setValueIfUncontrolled];
};
export {
  useControlled
};