How do I get server connect values inside javascript?

Hi guys i’m trying to get a value from a server connect api to use inside javascript on my page but i’m always getting an empty value.

I searched on this forum and saw that to get values from server connect inside javascript you use
dmx.parse('my-server-connect')

I’ve tried that but always getting empty values.

Below is my server connect definition for the api.
The api connection works and was able to automatically generate the schema.

image.png406×590 12.4 KB

Then I added the server connect to the page as shown below.

I want to get the value in the field “renderedHtml” so i did the following in my javascript code:

console.log(dmx.parse('serverconnect1.data.connect_to_ff.data.renderedHtml'));

Unfortunately i’m not getting any output in the console even though when i check the network tab in the browser the server connect call was successful and the api returned data as shown below:

image.png822×508 34.3 KB

What am i doing wrong???

Thanks