Customizing type:"relationship" admin.components.RowLabel field - am i doing it right?

Hello,

I want to customize the

of a

field to display the title and subtitle of the collection item it is related to

My issue is that

from

only contains for example

And i'd like to access the data of the project it points to

But i cannot figure out if it's possible to raise the

somewhere to achieve that

My understanding is that i cannot use the local API in a react component, and therefore cannot use

is that correct?

For now i have the following snippet that works but i am using a

to fetch the data from the project and it doesn't feel right

Is there a better way to do this?

  admin: {
    components: {
      RowLabel: ({ path, data, index }) => {
      const [title, setTitle] = useState(null);
      const [subtitle, setSubtitle] = useState(null);
      console.log(payload) // returns an empty function
      useEffect(() => {
        axios.get("http://localhost:3000/api/projects/"+data.projects).then((res)=>{
        setTitle(res.data.title)
        setSubtitle(res.data.subtitle)
    })
  }, [data])
 return <><span style={{color:"gray"}}>{`Project ${String(index).padStart(2, '0')}`}</span>&nbsp;&nbsp;<b>{title}</b>&nbsp;{subtitle} </>
 }