10 replies

Use Auto Components with useActionForm

Hi all, I am building some functionality to create/edit a model and want to use a combination of Polaris components as well as auto components. For instance, I have the

useActionForm

useActionForm

set up with a

TextField

TextField

and

Select

Select

from Polaris but would like to use the Auto Components for

Combobox

Combobox

selection and File Upload. Is there a way I can do this? These would be an

AutoInput

AutoInput

and

AutoFileInput

AutoFileInput

. Currently the Auto Components from Gadget do not seem to work together with the Control and useActionForm.

I tried doing something like this

<Controller
  name="product"
  control={control}
  required
  render={({ field }) => {
    const { ref, ...fieldProps } = field;
    return (
      <AutoInput
        name="product"
        field="product"
        {...fieldProps}
      />
    );
  }}
/>

<Controller
  name="product"
  control={control}
  required
  render={({ field }) => {
    const { ref, ...fieldProps } = field;
    return (
      <AutoInput
        name="product"
        field="product"
        {...fieldProps}
      />
    );
  }}
/>

Gadget Developers•2y ago•

10 replies

Emil

Use Auto Components with useActionForm

Hi all, I am building some functionality to create/edit a model and want to use a combination of Polaris components as well as auto components. For instance, I have the

useActionForm

useActionForm

set up with a

TextField

TextField

and

Select

Select

from Polaris but would like to use the Auto Components for

Combobox

Combobox

selection and File Upload. Is there a way I can do this? These would be an

AutoInput

AutoInput

and

AutoFileInput

AutoFileInput

. Currently the Auto Components from Gadget do not seem to work together with the Control and useActionForm.

I tried doing something like this

<Controller
  name="product"
  control={control}
  required
  render={({ field }) => {
    const { ref, ...fieldProps } = field;
    return (
      <AutoInput
        name="product"
        field="product"
        {...fieldProps}
      />
    );
  }}
/>

<Controller
  name="product"
  control={control}
  required
  render={({ field }) => {
    const { ref, ...fieldProps } = field;
    return (
      <AutoInput
        name="product"
        field="product"
        {...fieldProps}
      />
    );
  }}
/>

Use Auto Components with useActionForm

Similar Threads

Use Auto Components with useActionForm

Similar Threads

Similar Threads

Similar Threads