Atlaskit Smart User Picker Not Working

Hello all,

I am looking to implement the Smart User Picker or the normal User Picker from Atlaskit into my Forge Custom UI byline item module. I see there is documentation with an example in the docs here, but I can not get my Smart User Picker to even render.

Does anyone have a more complete example implementation or know what is missing from my code in either the Smart User Picker or the User Picker?

Here is my Smart User Picker snippet that causes no elements in the byline to render when included:

<IntlProvider locale="en">
  <SmartUserPicker
      fieldId={"dsf"}
      siteId={"mysitename.atlassian.net"}
      productKey={"confluence"}
      onError={(e) => {
          console.error(e);
      }}
      inputId="smart-user-picker-example"
  />
</IntlProvider>

When deployed, this gives error

When I try using the User Picker as shown below, I get an Intl error. Other elements still render, but not user picker.

<IntlProvider locale="en">
  <UserPicker
      fieldId="assignee"
      isMulti
      value={value}
      onChange={(newValue) => setValue(newValue)}
      loadOptions={loadOptions}
      placeholder="Search users..."
  />
</IntlProvider>

I would be happy getting either of these elements to work. Any help, working examples (especially if it includes API request to get Confluence users), and suggestions are greatly appreciated. Thank you!