Embedded Reports error if multiple objects are embedded on a page

Hi all,

I'm trying to embed multiple reports in a single web page. When I do so the "dataSelected" and "rendered" events do not work. If I embed a single report then all is well.

If I add an embedded tile or dashboard with a report this causes the same problem.

I'm just doing the following, twice for two different reports (or once for a report, and then again for a dashbaord/tile):

var pbi = powerbi.embed(pbicontainer, config);

pbi.on("dataSelected", function(){
        alert();
});

pbi.on("rendered", function(){
        alert();

});

If I have two report, only the second fires events.

If I add a Tile instead I can capture an error in tile.ts on the line

    let messageData = JSON.parse(event.data);

event.data is an object, it looks like a response as it has properties like body, headers, method url etc. The body has dataPoint, filters etc.

It looks a bit like the "message" event is being captured by all Power BI javascript objects, but this is a bit of a guess, I've not gone hunting through the code.

Can anyone repo this or is there a solution? Please let me know if any more detail is required.

Thanks

Colin