Remote lookup field

{lookupOpen ? (
  <LookupField
    initial={lookup}
    context={null}
    options={{
      dataSource: {
        search: async ({ query }) => ({
          items: [
            { value: 'launch', label: 'Launch' },
            { value: 'design', label: 'Design' },
          ].filter((option) =>
            option.label.toLowerCase().includes(query.toLowerCase()),
          ),
        }),
        resolve: async ({ ids }) =>
          ids.map((value) => ({ value, label: String(value) })),
      },
    }}
    apply={(next) => {
      setLookup(next);
      setLookupOpen(false);
    }}
    cancel={() => setLookupOpen(false)}
  />
) : (
  <Button onClick={() => setLookupOpen(true)}>
    Select linked record
  </Button>
)}
<output>{JSON.stringify(lookup)}</output>