Is it possible to display existing records as tags using the useSelect(),

[BenGardiner123]

I want to use the useSelect() to handle getting my data on edit, but my tags labels are an attribute from the object and then an attrbute from an object inside that object.
Is it possible to set the tags using what i would get from the useSelect?

im currently pushing these tags in as children of the select

for example this is in the docs, but what if category had aa complex structure annd the label is to be one attribute from the top object and one attribute from the nested object

[omeraplak]

Hey @BenGardiner123 ,
Thank you for contacting us! The easiest way to do this is to use the queryResult returned from the useSelect hook.

I created a CodeSandbox for you, https://codesandbox.io/s/refine-use-select-example-forked-s55ne?file=/src/pages/posts/create.tsx

const {
    selectProps,
    queryResult,
    defaultValueQueryResult
  } = useSelect();

  const allOptions = [
    ...(queryResult.data?.data || []),
    ...(defaultValueQueryResult.data?.data || [])
  ];

<Select
  {...categorySelectProps}
  options={allOptions.map((p) => ({
     label: `${p.title}-${p.id}`,
     value: p.id
   }))}
/>