Type 'Control<MyType, any>' is not assignable to type 'Control<FieldValues>'.の対処法

## このエラーが起こった経緯
react-hook-formの勉強中にControllerを使ってみた時の話。
公式ドキュメントを参考にコードを書いているとこのエラーに引っかかった。

## エラーが起こったコード
```typescript
import { Box, Stack, TextField, Button } from "@mui/material";
import { DesktopDatePicker } from "@mui/x-date-pickers";
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
import ja from "date-fns/locale/ja";

import { useForm, Controller } from "react-hook-form";

import { addDays, format } from "date-fns";

interface Todo {
    name: string;
    deadline: Date;
}

function App() {
    const {
        register,
        handleSubmit,
        control,
        setValue,
        formState: { errors },
    } = useForm<Todo>({
        defaultValues: {
            name: "",
            deadline: new Date(),
        },
    });

    const onSubmit = (data: Todo) => {
        console.log(data);
    };

    return (
        <LocalizationProvider adapterLocale={ja} dateAdapter={AdapterDateFns}>
            <Box sx={{ width: "100vw" }} component="form" onSubmit={handleSubmit(onSubmit)}>
                <Stack sx={{ width: "20%", margin: "30px auto" }} spacing={3}>
                    <TextField
                        multiline
                        placeholder="NAME"
                        {...register("name")}
                        onChange={(e) => setValue("name", e.target.value)}
                    />
                    <Controller
                        control={control} // Error!
                        render={({ field: { onChange, value } }) => (
                            <DesktopDatePicker
                                {...register("deadline")}
                                label="LIMIT"
                                minDate={new Date()}
                                maxDate={addDays(new Date(), 10)}
                                value={value}
                                onChange={onChange}
                            />
                        )}
                    />
                    <Button type="submit">send</Button>
                </Stack>
            </Box>
        </LocalizationProvider>
    );
}

export default App;
```
## 結論
`<Controller />`に`name`属性をつけていなかったのが原因だった。
エラーが解消されたコードが以下。

```typescript
import { Box, Stack, TextField, Button } from "@mui/material";
import { DesktopDatePicker } from "@mui/x-date-pickers";
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
import ja from "date-fns/locale/ja";

import { useForm, Controller } from "react-hook-form";

import { addDays, format } from "date-fns";

interface Todo {
    name: string;
    deadline: Date;
}

function App() {
    const {
        register,
        handleSubmit,
        control,
        setValue,
        formState: { errors },
    } = useForm<Todo>({
        defaultValues: {
            name: "",
            deadline: new Date(),
        },
    });

    const onSubmit = (data: Todo) => {
        console.log(data);
    };

    return (
        <LocalizationProvider adapterLocale={ja} dateAdapter={AdapterDateFns}>
            <Box sx={{ width: "100vw" }} component="form" onSubmit={handleSubmit(onSubmit)}>
                <Stack sx={{ width: "20%", margin: "30px auto" }} spacing={3}>
                    <TextField
                        multiline
                        placeholder="NAME"
                        {...register("name")}
                        onChange={(e) => setValue("name", e.target.value)}
                    />
                    <Controller
                        control={control}
                        name="deadline" // ← 追記！
                        render={({ field: { onChange, value } }) => (
                            <DesktopDatePicker
                                {...register("deadline")}
                                label="LIMIT"
                                minDate={new Date()}
                                maxDate={addDays(new Date(), 10)}
                                value={value}
                                onChange={onChange}
                            />
                        )}
                    />
                    <Button type="submit">send</Button>
                </Stack>
            </Box>
        </LocalizationProvider>
    );
}

export default App;
```

## まとめ
公式ドキュメント読むのむずくないですか。
特に英語のドキュメントだと尚更。。。
これからも精進します