[React Hooks]バリデーションがうまくいかない

Question

前提・実現したいこと

https://react-hook-form.com/jp/
上記のページを参考にバリデーションを加えようと思っています、
しかし、以下のようにプログラムしても適用されません。
わかる方がいましたらコメントお願いします。

発生している問題・エラーメッセージ

Missing name @ 

該当のソースコード

export default function FormDialog(props) {
  //省略
  /**
  * バリデーション用state
  * @type {Object} 
  */
  const { handleSubmit, register, errors } = useForm();

  //親コンポーネントで管理
  const submit = () => {
    if (props.id == 2) {
      props.onSubmit(inputRef.current.value);
    } else {
      temp.push(inputRef.current.value);
      props.onSubmit(temp);
    }
    //setOpen(false);
  };

  //省略


  return (
    <div>
      <Dialog open={open} onClose={handleClose} aria-labelledby="form-dialog-title">
        <DialogTitle id="form-dialog-title">{dialogTitle}</DialogTitle>
        <DialogContent>
          <DialogContentText>
            {dialogContent}
          </DialogContentText>
          <TextField
            autoFocus
            margin="dense"
            label={label}
            name="input"
            fullWidth
            inputRef={inputRef}
            ref={register({
              required: '入力必須', //該当箇所
            })}
          />
          {errors.input && <span>{errros.input.message}</span>}　//該当箇所
        </DialogContent>
        <DialogActions>
          <Button onClick={handleClose} color="primary">
            Cancel
          </Button>
          <Button onClick={handleSubmit(submit)} color="primary">　//該当箇所
            OK
          </Button>
        </DialogActions>
      </Dialog>
    </div>
  );
}