Separating frontend components in Streamlit

Hello :wave:,

I am building a Streamlit component with multiple frontend scripts (generating buttons) and am wondering how I can separate them both in my index.tsx and in I’d like to pass different arguments to each subcomponent & only generate them in certain part of the app, but right now when I initialize the components in the index.tsx:

    <FirstButton />
    <SecondButton />

the buttons always get generated side-by-side. Does anyone know how I can separate them so that in my I can declare two components separately, e.g.

_button1 = components.declare_component("first_button", url="http://localhost:3000/")
_button2 = components.declare_component("second_button", url="http://localhost:3000/")

Thanks a lot for any suggestions.