Custom components dev mode not working after deploying

  • Goal: To build a custom component library for retool

  • Details: I was able to use this guide to test and deploy a custom component. Getting started with custom component libraries | Retool Docs
    Dev mode was working fine initially and I was able to test and build my component using the self hosted option. After deploying my first component, dev mode has stopped working when trying to add and test a new component. There are no errors showing, and things seem to build fine, but the component is not showing up in my self hosted retool.

Is there something I am missing?

Thanks

Hi van_d,

Just to clarify, your new component is not showing up in the custom component library section of your app's UI component library? Is your first component still showing in the library?

If you are running npx retool-ccl dev in your terminal from within your custom component project folder and add a new export to the src/index.ts file, I have seen the need to refresh the UI library within your app by either clicking into a different left pane tab or refreshing the page. Then the newly exported component should show up.

Also make sure that in your app's Settings -> Custom Components -> Custom Component Libraries that your library's dropdown is set to "dev" otherwise you will only see the deployed version of the library this is currently selected which would probably be your latest deployment before you started creating this new component. Doc for reference: Getting started with custom component libraries | Retool Docs .

Let me know if that helps!

Hi @van_d, I just wanted to check in and see if you got dev mode working properly again. Thanks!