Function ConditionField

app/src/useFieldArrayUnregister.tsx:17–44

({
  control,
  index,
  unregister,
}: {
  control: Control<FormInputs>;
  unregister: UseFormReturn<FormInputs>['unregister'];
  index: number;
  fields: T;
})

};

const ConditionField = <T extends any[]>({
  control,
  index,
  unregister,
}: {
  control: Control<FormInputs>;
  unregister: UseFormReturn<FormInputs>['unregister'];
  index: number;
  fields: T;
}) => {
  const output = useWatch({
    name: 'data',
    control,
  });

  React.useEffect(() => {
    return () => {
      unregister(`data.${index}.conditional` as const, {
        keepDirty: true,
        keepTouched: true,
      });
    };
  }, [unregister, index]);

  return output?.[index]?.name === 'bill' ? (
    <input {...control.register(`data.${index}.conditional`)} />
  ) : null;
};

const UseFieldArrayUnregister: React.FC = () => {
  const {