Issues with custom component in deployed app

Hello i deployed a custom component to an azure web app using port 3001; the custom component is called in another page.
My Streamlit app is in port 8000.
However, in the deployed site i get this error:

Your app is having trouble loading the dashboard_component.my_dashboard component. The app is attempting to load the component from http://localhost:3001, and hasn’t received its Streamlit.setComponentReady() message.

It keeps trying to load from localhost; where in the configuration do i need to set my path?
To be clear, it works fine when i build the docker containers locally; and the Streamlit app in the home page itself works fine. Am on Streamlit v.1.35.0.

Hello @Martin2,

If the custom component is following the component-template, then it is likely that the RELEASE flag is still set to False and that’s why it is serving from localhost instead of the frontend build/dist folder.

For more context check this line in the template.

@AlrasheedA I am using the same azure container app service for hosting the web app. on local system the frontend component(streamlit custom component) is loaded properly. when it is hosted on azure it is not loading and giving the same message "your component was unable to load ". the release flag is set to False.I have used enableStaticServing=[True] as well in config.toml file for streamlit. please help.


image
image