UserPicker from @forge/react not updating UI when used with register from useForm

Forge Forge UI Kit and Custom UI
,
1

Hi everyone,

I have a Forge UI React form that uses the UserPicker component together with useForm from @forge/react.

Until a couple of days ago, this code was working fine — I could select and remove users in the picker. However, now the UI doesn’t update anymore when I add or remove users. The selection visually stays empty, even though the form still submits the data correctly (the onSubmit function receives the selected users).

Here’s a minimal example:

import React from "react";
import { Form, useForm, FormSection, UserPicker, Button } from "@forge/react";

export default function UserPickerForm() {
  const { register, handleSubmit } = useForm<{ users: string[] }>();
  const onSubmit = (data: { users: string[] }) => {
    console.log("Data", data);
  };

  return (
    <Form onSubmit={handleSubmit(onSubmit)}>
      <FormSection>
        <UserPicker
          {...register("users")}
          label="Select users"
          isMulti
        />
      </FormSection>
      <Button type="submit">Save</Button>
    </Form>
  );
}

If I remove register("users") and manage the value manually, the component works as expected again.

Has something recently changed in how UserPicker interacts with useForm? Or is there a new recommended way to handle this integration?

Thanks!