Using Conform accesibility helpers & React Aria hooks combined?

[waldothedeveloper]

I have a question if using the Conform accesibility helpers (https://conform.guide/accessibility) and the React Aria hooks (https://react-spectrum.adobe.com/react-aria/useTextField.html#example) combined a unnecesary duplication of effort?

Based on this example I'm using in my project, here's the Aria hook:

import React from "react";
import type { AriaTextFieldProps } from "react-aria";
import { useTextField } from "react-aria";

export function TitleTextField(props: AriaTextFieldProps) {
  let { label } = props;
  let ref = React.useRef(null);
  let { labelProps, inputProps, isInvalid } = useTextField(props, ref);

  return (
    <>
      <label
        className="block text-sm font-medium leading-6 text-slate-900"
        {...labelProps}
      >
        {label}
        <span
          className={isInvalid ? "text-red-500" : "text-slate-900"}
          aria-hidden="true"
        >
          &nbsp;*
        </span>
      </label>
      <div className="mt-2">
        <input
          ref={ref}
          {...inputProps}
          className={
            isInvalid
              ? "block w-full rounded-md border-0 py-1.5 text-slate-900 shadow-sm ring-1 ring-inset ring-red-300 placeholder:text-red-400 focus:ring-2 focus:ring-inset focus:ring-red-600 sm:text-sm sm:leading-6"
              : "block w-full rounded-md border-0 py-1.5 text-slate-900 shadow-sm ring-1 ring-inset ring-slate-300 placeholder:text-slate-400 focus:ring-2 focus:ring-inset focus:ring-cyan-600 sm:text-sm sm:leading-6"
          }
        />
      </div>
    </>
  );
}

and then using the component like this passing the Conform helpers which provide accesibility and all the other attributes.

<TitleTextField
  id={fields.title.id}
  label="Title"
  {...conform.input(fields.title)}
  isInvalid={Boolean(fields.title.error)}
  placeholder='e.g. "Bright Love Declaration"'
/>;

Is doing something like that a duplication of effort and totally uneccesary?