react-hook-form data not bounded, useForm not working

no error, not working

<input
    className="user-input pl-9"
    {...register('userId'), {
      required: true,
      minLength: 4,
      maxLength: 30,
    }}
    placeholder="아이디"
/>

 

working

<input
    className="user-input pl-9"
    {...register('userId', {
        required: true,
        minLength: 4,
        maxLength: 30,
    })}
    placeholder="아이디"
/>

 

difference

('userId'), -> ('userId',