I have an angular app upgraded to angular 9 and I am using angular element in it which is also upgraded to angular 9. I have a service module (angular 9) which I am importing in my angular app. My angular element also imports the same service. I want to have the single instance of that service shared between my angular app and the angular element. Angular 9 has new service injection options available now called 'platform'. As per angular doc https://next.angular.io/api/core/Injectable
'platform' : A special singleton platform injector shared by all applications on the page.
I changed my service to inject from root to platform level. But I am still seeing two instances of my service one in my app and other in angular element.
@Injectable({ providedIn: 'platform' })
How can I have single instance of my service shared between my app and angular element.
