Как пройти регистрацию в React Hook Forms Factory Component?

Question

Я пытаюсь создать своего рода "фабрику" так: Это работает:

<>
  <span className={classes.p}>{"test"}</span>
  <input ref={register} className={classes.input} name="legal_name_1" />
</>

Но когда я заключаю ввод в функцию в компонент, он не работает:

const MyInput = ({ name, register, ...props }) => {
 return (
  <>
  <span className={classes.p}>{AllDisasterAppFields[name]}</span>
  <input ref={register} className={classes.input} name={name} {...props} />
  </>
 );
};

<MyInput register={register} name= name="legal_name_1" {...props} />

Есть идеи?