Reactjs 无法以react钩子形式获取对象中的名称

我这里有两个文件，一个是CustomInput.js和Profile.js。我使用react钩子表单让对象将其发送到服务器，而不显式地定义它。但是我没有得到对象中的复选框值。这两个文件是：

CustomInput.js

switch(type) {
case 'checkbox':
      return (
        <FormControlLabel
          control={
            <Checkbox value={isChecked} checked={isChecked} name={name} />
          }
          label={label}
        />
      );
default:
      return (
        <div>
          <Controller
            as={
              <CssTextField
                color="primary"
                label={label}
                type={type ? type : 'text'}
                margin="normal"
                // variant="outlined"
                fullWidth={true}
                error={errors[name]}
                placeholder={placeholder ? placeholder : `Enter ${label}`}
                disabled={disabled}
                InputLabelProps={{
                  className: isrequired ? 'required-label' : '',
                  required: isrequired || false,
                  ...(type === 'date' && { shrink: true }),
                }}
              />
            }
            control={control}
            name={name}
            defaultValue={type === 'date' ? new Date() : ''}
            rules={{
              required: isrequired ? `${label} field is required` : false,
              ...rules,
            }}
          />
          <ErrorMessage
            render={({ message }) => <Danger>{message}</Danger>}
            errors={errors}
            name={name}
          />
        </div>
      );
}

开关（类型）{
案例“复选框”：
返回(
);
违约：
返回(
{message}}
错误={errors}
name={name}
/>
);
}

Profile.js

<FormProvider {...methods}>
  <form onSubmit={handleSubmit(onSubmit)}>
    <Custome_Input name="branch" label="Branch" />
    <Custome_Input type="checkbox" name="self" isChecked={true} label="Self" />
       <Button type="submit" color="primary">
          Update
       </Button>
  </form>
</FormProvider>

更新

---

尽管我正确地获取了分支键和值。我无法找出发生这种情况的确切原因。如果有人曾经使用过react hook表单，请在此帮助我。

您是否注册了表单？