# Issue with symbol using custom component

**URL:** <https://forum.builder.io/t/issue-with-symbol-using-custom-component/2559>\
**Category:** Bugs\
**Created:** [September 3, 2022, 10:42pm UTC](https://forum.builder.io/t/issue-with-symbol-using-custom-component/2559 "2022-09-03T22:42:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![vperrin](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/vperrin/32/196_2.png) [@vperrin](https://forum.builder.io/u/vperrin)\
**Post date:** [September 3, 2022, 10:42pm UTC](https://forum.builder.io/t/issue-with-symbol-using-custom-component/2559/1 "2022-09-03T22:42:22Z")

</div>

**Builder content link**

> **[Builder.io: Drag and drop Visual CMS](https://builder.io/content/ba7fee89cc1847a185263b1150d654f1)**
>
> Build and optimize digital experiences for any tech stack, visually.

> **[Builder.io: Drag and drop Visual CMS](https://builder.io/content/d0f1100f8b2b435a81a38405c3220389)**
>
> Build and optimize digital experiences for any tech stack, visually.

**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](https://builder.io/content/ba7fee89cc1847a185263b1150d654f1)

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)

> **[Builder.io: Drag and drop Visual CMS](https://builder.io/content/d0f1100f8b2b435a81a38405c3220389)**
>
> Build and optimize digital experiences for any tech stack, visually.

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

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/2/2d98c27abf8eaf8a7f29c259213947c8b6cdd0a2.png)  
Any help would be greatly appreciated.

Thanks,  
Vincent

**Code stack you are integrating Builder with**  
NextJS

---

<div class="post-metadata">

**Author:** ![radikris](https://avatars.discourse-cdn.com/v4/letter/r/48db29/32.png) [@radikris](https://forum.builder.io/u/radikris)\
**Post date:** [September 4, 2022, 8:23am UTC](https://forum.builder.io/t/issue-with-symbol-using-custom-component/2559/2 "2022-09-04T08:23:52Z")

</div>

Check this out, hope it is helpful:

> [@How to add custom components to custom models](https://forum.builder.io/t/how-to-add-custom-components-to-custom-models/1619/10):
>
> Okey, I set the preview url: [http://localhost:3000?model=symbol](http://localhost:3000?model=symbol), and it shows me my home page, but I would like to get a simple blank page where I can build a custom symbol from scratch

---

<div class="post-metadata">

**Author:** ![vperrin](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/vperrin/32/196_2.png) [@vperrin](https://forum.builder.io/u/vperrin)\
**Post date:** [September 4, 2022, 3:03pm UTC](https://forum.builder.io/t/issue-with-symbol-using-custom-component/2559/3 "2022-09-04T15:03:56Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![TimG](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/timg/32/714_2.png) [@TimG](https://forum.builder.io/u/TimG)\
**Post date:** [September 8, 2022, 6:51pm UTC](https://forum.builder.io/t/issue-with-symbol-using-custom-component/2559/4 "2022-09-08T18:51:15Z")

</div>

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

You can see a more detailed explanation here:

> [@Rendering custom components with Builder HTML API](https://forum.builder.io/t/rendering-custom-components-with-builder-html-api/1779/2):
>
> Hi @davidwebber you are correct, the way custom component rendering works is that any component will need to be registered and imported on the same context where the SDK is rendering the content. For example within a React App, like you mentioned. Our HTML API will return what we render on our servers, meaning that we will not have a user’s custom components available within the same context. So, if you are using custom components, your best bet is to use one of our[SDK or starter apps](https://github.com/BuilderIO/builder). That…