How do I extend the react aria props for auto-completion of attributes?

[PixeledCode]

So, everything is working fine, except that typescript is not doing any auto-completion for any of the attributes that, for example, useTextField provides.

This is how I am using the hook:

import React from 'react';
import { useTextField } from 'react-aria';

function TextField(props) {
  let { label, isRequired } = props;
  let ref = React.useRef();
  let { labelProps, inputProps, descriptionProps, errorMessageProps } =
    useTextField(props, ref);

  return (
    <div>
      <label {...labelProps}>
        {label}
      </label>
      <input {...inputProps} ref={ref} required={props.isRequired || false} />
      {props.description && (
        <div {...descriptionProps}>{props.description}</div>
      )}
      {props.errorMessage && (
        <div {...errorMessageProps}>{props.errorMessage}</div>
      )}
    </div>
  );
}

export { TextField };

What changes do I need to make so that type is enabled for these props?

[reidbarber]

The link you posted isn't public. Would you be able to post a code snippet here?

Update:

You'll want to add a type to the props:

import {AriaTextFieldProps} from '@react-types/textfield';

function TextField(props: AriaTextFieldProps) {
...

or extend them if you want to add your own custom props in addition to those:

import {AriaTextFieldProps} from '@react-types/textfield';

interface TextFieldProps extends AriaTextFieldProps {
  // Your own custom props...
}

function TextField(props: TextFieldProps) {
...

You can also look at how we do this in React Spectrum components for inspiration.

[PixeledCode]

The link you posted isn't public. Would you be able to post a code snippet here?

really sorry about that, I just edited the post to add the code.

[reidbarber]

no problem. Just updated my answer