Accessing client in preview (prepare)

[KenAJoh]

We have a case where we want to change the subtitle-field in preview based on data we need to query for. Now that regular client is deprecated and we need to use useClient we're lost on how to handle this. (If this is even possible in preview)

preview: {
    select: {
      heading: "heading",
    },
    prepare(selection) {
      const { heading } = selection;

      // Need client here to do query

      return {
        title: heading,
      };
    },
  }

We could just do this and solve 99% of the cases we need this for, but hoping for a better way 🙏

select: {
  heading: "heading",
  tema0: "tema.0.seksjoner",
  tema1: "tema.1.seksjoner",
  tema2: "tema.2.seksjoner",
  tema3: "tema.3.seksjoner",
  tema4: "tema.4.seksjoner",
  tema5: "tema.5.seksjoner",
},


// This one would solve it, but not possible as we have understood the documentation
select: {
  heading: "heading",
  tema: "tema[].seksjoner",
},

[KenAJoh]

select: {
      tema: "tema",
    },

// resolves to
[{ _key: ..., _ref: ..., _type: "reference"},{ _key: ..., _ref: ..., _type: "reference"}]

But when resolving the reference like this

  tema: "tema",
  tema0: "tema.0.seksjoner",
  tema1: "tema.1.seksjoner",

//  tema resolves to
[{ _type: "doctype", seksjoner: [...]},{_type: "doctype", seksjoner: [...]}]

This works for us in this case, so i guess we hva a working solution for now.