Convert prop to state, with ability to change it locally

usePropState.js

import { useState } from 'react';
import useLazyEffect from './useLazyEffect';

const usePropState = (prop) => {
  const [value, setValue] = useState(prop);

  useLazyEffect(() => {
    setValue(prop);
  }, [prop]);

  return [value, setValue];
};

export default usePropState;