React-hook-formのregisterの型について

Question

form周りでReact-hook-formを使用しておいります.
そこでregisterを引数にとるコンポーネントを作成したいのですが,うまくいきいせん.
公式のサイトを一応参考にしたのですが,いまいち理解できませんでした.
また,ここで理解できないので型をanyにしているのにもかかわらず, refがundefinedになってしまうことです.
解決策をご存知の方はよろしくお願いします.

<TextFeild
     label="Title"
     name="title"
     err={!!errors.title}
     ref={register({ required: true })}
/>

/* 以下コンポーネントファイル*/
import React from "react";
import InputText from "@material-ui/core/TextField";

type Props = {
  name: string;
  err: boolean;
  label: string;
  ref: any;
};

export const TextFeild: React.FC<Props> = ({ name, err, label, ref }) => (
    {err ? (
      <InputText
        error
        id="standard-error-helper-text"
        label={label}
        helperText="required"
        name={name}
      />
    ) : (
      <InputText name="exampleRequired" inputRef={ref} label={label} />
    )}
);

Comments

[Zuishin]

https://teratail.com/questions/275000

解決したなら解決済みにしてください