Using async `client.fetch` in a custom preview component to expand references and display data from each document.

Hi,is it possible to use async

client.fetch

in a custom preview component?What I need is to expand the reference A and then expand the array of references to B. And I need the data from each B document to display in the preview for the object that contains A element

Answering to myself:used

client.fetch

inside

useEffect

and added the prop from prepare as a dependency to trigger an update of the preview when it's ready

You can also select the values you need from the reference. Though, if you need a lot of them it’s way less code to just create a component.