Custom element props not showing after switching chat or refreshing the page, Persistency issue

[komikndr]

Information

1. I am using a custom data layer with PostgreSQL (SQLAlchemy) and MinIO.
2. I am unsure whether this issue is a bug or my mistake, but I am inclined to believe it is the latter.

Checklist

1. Other elements, such as Image, DataFrame, and Plotly, have been tested and are fully functional.
2. The custom element exists and is successfully populated in both PostgreSQL and MinIO.

When I send a custom element using .send(), its props are successfully populated. However, if I refresh the page, I only see a blank UI without any props.

As a sanity check, I created a DataFrame, refreshed the page, and inspected the browser network activity. The DataFrame data and its corresponding UI component were successfully loaded.

3. But if i am using my own component

What it supposed to be

And yes this is from the example of custom element. My gut feeling is i should implement update method on the JSX file