Hey @ash2shukla - @andfanilo is correct, we don’t currently support this. The issue is that we omit the allow-same-origin
sandbox flag on the component iframe for security reasons - and unfortunately, the localStorage API will not work without that flag.
As @andfanilo mentioned, we’re evaluating the various ways we could support this sandbox flag without opening a security hole – but there’s no timeline for that, currently.
There is a workaround, however: it’s sort of a pain, but if you’re able to use components.iframe
- that is, if you can host your component externally, and it doesn’t require bi-directional communication with Streamlit - then your component’s iframe will have the allow-same-origin
flag. (I realize this is not an acceptable workaround for many use cases, but I’m putting it out there in case it would work for you.)