Issue with symbol using custom component

Bugs
1

Builder content link

Builder public api key
dc5c96804c6c4a068e9558f30660aaee

Detailed steps to reproduce the bug
I’m having a strange issue which looks to me like a bug.
I have created a symbol to show multiple products coming from an external API (and saved in the state object).
Each product is a custom component that has been registered and binds the input data.
This seems to work well, as can be seen in Builder.io: Drag and drop Visual CMS

However, when using this symbol on our homepage, the symbol remains empty, even though the external api has returned products (there is a console.log in the symbol to return the url it has connected to as well as the state object)

I can see various errors in the console related to properties of the products I’m trying to bind.

image
image1942×160 56.6 KB

Any help would be greatly appreciated.

Thanks,
Vincent

Code stack you are integrating Builder with
NextJS

2

Check this out, hope it is helpful:

3

Hi @radikris ,

Thanks for getting back to me.
So those steps described I have already done.
I did notice that moving from the html api to the content api resolved the issue, so will do that for now.

Best,
Vincent

4

Hi @vperrin yes it is expected that custom components will not work with the HTML API.

You can see a more detailed explanation here: