How to load a different study list in OHIF Viewer embedded using iframe?

I am trying integrate OHIF Viewer with an Angular application. So far I’m able to embed the iframe to a local build by following this article:

When the iframe is rendered, I’m able to see a preloaded list of studies in the Study List table which loads in the Basic Viewer.

I want to replace this list with my own study list which can be either from local or from a different http call.

I am relatively new to OHIF and trying to find a way to make it work.
Any advice or solution will be greatly appreciated.

Thanks.

You need to register a different route, and give your component there see here

See Customization Service