【react-hooks-form 】Material UIを使用したとき、フォームの送信後に入力欄を空欄にする

これは何か？ react-hooks-formとMaterial UIを使用した場合、フォームの送信後に入力欄を空欄（リセット）にする方法を書いた記事です。UIライブラリを使用した場合、フォーム送信後の入力欄を空欄するのに少し手こずったので記事にしてみました。 実装 import "./styles.css"; import { TextField, Button } from "@material-ui/core"; import { useForm, Controller } from "react-hook-form"; export default function App() { const { handleSubmit, control, reset } = useForm({ defaultValues: { title: "" } }); const handleOutpu