useControlled

useControlled.js

function useIsControlled(value) {
  const { current: isControlled } = React.useRef(value != null);
  return isControlled;
}

function useControlled(config) {
  const { value, defaultValue, setControlledValue } = config;

  const isControlled = useIsControlled(value);
  const [state, setState] = React.useState(defaultValue);

  return isControlled ? [value, setControlledValue] : [state, setState];
}