获取未捕获的类型错误：path.split 不是使用 Controller 时的函数（react-hook-form）

Question

我正在尝试使用控制器内部的道具设置文本字段 (MUI) 的值，但出现此错误 TypeError: path.split is not a function。

我搜索了一些提到使用 {...register('value_name')} 的多个问题，但我想使用控制器，并在控制器内部再次使用寄存器会产生双重寄存器。

看代码-

const { control, handleSubmit,setValue} = useForm();
useEffect(() => {
setValue({'Short_description': "Subject",'Supplier_Name': "Sender"});
}, []);

return(
<Controller
    render={({
    field: { value } }) => (
    <TextField  fullWidth value={value} />)}
    name="Supplier_Name"
    control={control}                    
/>
<Controller
    render={({
    field: { value } }) => (
    <TextField fullWidth value={value} />)}
    name="Short_description"
    control={control}
/>
);

我也尝试使用 const { control } = useFormContext(); 但后来我得到 TypeError: Cannot destructure property 'control' of 'Object(...)(...)' as it is null.

我在网上找不到任何解决方案，因此感谢您提供任何帮助。 CSB - https://codesandbox.io/s/react-hook-form-v7-controller-issue-6wco7