Hello,
I have a project for work that creates a Streamlit app that includes a React custom component rendered in an iframe. This is my first time working with TypeScript, React, and web development in general so please be gentle 
. I am trying to figure out how to launch a debug session that allows me to step into Streamlit and then into the React custom component. I’ve been getting a lot of errors when passing data back and forth between Streamlit and React so it would save me a lot of headache if I was able to look at the data as it leaves one and enters another.
This video has been super helpful to start with and briefly touches on setting up a debugger configuration (10:26) for Streamlit. I also found the documentation for PyCharm that talks about setting up a debugger configuration for React but this doesn’t work out of the box because the dev server is just hosting the component, not rendering it.
Any help would be appreciated. Even if you’ve done this in VSCode but not PyCharm, I would like to hear how.
Thanks very much!