React update State value only on first render

useStateWithDep.js hook:


import { useEffect, useState } from "react";

export default function useStateWithDep(defaultValue) {
  const [value, setValue] = useState(defaultValue);

  useEffect(() => {
    setValue(defaultValue);
  }, [defaultValue]);
  return [value, setValue];
}

Usage:


const [value, setValue] = useStateWithDep(props.value);