reactjs - setState が useState 内の onChange によって機能しない

Question

ユーザーがクリックしたときにビューを管理するフォームを保存するために useState フックを使用しています。インターフェイスは正常に表示されますが、入力フィールドに値を入力できません。誰でも理由を教えてもらえますか? ありがとう。

const [url, seturl] = useState({url: ''});
const changeUrl = (field) => (event) => {
    seturl({
    ...url,
    [field]: event.target.value,
   });
 };
const [step, setStep] = useState(
   <form>
     <input type="text" value={url.url} onChange={changeUrl('url')}/>
    </form>
);
return (
  <div>{step}</div>
);