fix react hook form

app/javascript/pages/question/List/QuestionFilter/AuthorshipFilter.tsx

@@ -31,9 +31,8 @@ export const AuthorshipFilter: FC<Props> = ({ setChanged, register }) => {
         {options.map(({ value, label }, index) => (
           <span className="mr-1 mb-2 sm:mb-0 sm:mr-0" key={label}>
             <input
-              ref={register}
+              ref={register('authorship')}
               type="radio"
-              name="authorship"
               value={value}
               id={value}
               defaultChecked={!index}

app/javascript/pages/question/List/QuestionFilter/QuestionsAuthorshipTypeFilter.tsx

@@ -18,9 +18,8 @@ export const QuestionsAuthorshipTypeFilter: FC<Props> = ({ register, setChanged
   return (
     <div>
       <select
-        ref={register}
+        {...register('authorshipYear')}
         className="w-full rounded p-1 border-gray-400 border shadow-sm"
-        name="authorshipYear"
         defaultValue={where.authorshipYear ?? ""}
         onClick={() => setChanged(true)}
       >

app/javascript/pages/question/List/QuestionFilter/QuestionsFilter.tsx

@@ -44,7 +44,7 @@ const FilterGroup: FC<FilterGroupProps> = ({
             <input
               type="checkbox"
               name={value}
-              ref={register}
+              {...register(value)}
               id={value}
               defaultChecked={selecteds.includes(value)}
               onClick={() => setChanged(true)}

app/javascript/pages/question/List/QuestionFilter/QuestionsSubjectFilter.tsx

@@ -31,9 +31,8 @@ export const QuestionsSubjectFilter: FC<Props> = ({ register, setChanged }) => {
   return (
     <div>
       <select
-        ref={register}
+        {...register('subjectId')}
         className="w-full rounded p-1 border-gray-400 border shadow-sm"
-        name="subjectId"
         defaultValue={where.subjectId ?? ""}
         onClick={() => setChanged(true)}
       >