Embedded report load PBI-logo.<somevalue>.svg in continuous loop

Hi joelw,

Thanks for the detailed explanation and the screenshot!

You're absolutely right — the pbi-logo.svg you see continuously loading is part of the trial banner that appears when embedding Power BI reports using a free capacity. As shown in your screenshot, this banner displays the message:

“This is a free trial version, to remove this label a capacity must be purchased.”

This banner is expected during trial usage, but repeated loading of the pbi-logo.svg asset causing memory leaks is not expected behavior — even in trial mode.

What’s Likely Happening:

While your report is embedded just once and functions properly (as you confirmed via breakpoints), the banner itself may be causing a UI or DOM-related loop, leading to:

• Constant reload of the pbi-logo.svg
• Gradual memory usage increase
• Network overhead

This appears to be a client-side rendering issue specifically tied to the banner, not your embed logic or SDK version (since you're already using 2.23.1 and removed event listeners/configs).

 Recommendation:

To resolve this:

1. Use a Paid Power BI Embedded Capacity (A SKU):

• Assign your workspace to a paid capacity through the Azure Portal.
• This removes the banner and should immediately stop the SVG reload behaviour.

 Capacity and SKUs in Power BI embedded analytics - Power BI | Microsoft Learn

1. For Testing (Not Recommended for Production):
   As a temporary workaround in dev mode only, you could suppress the banner with simple DOM manipulation:

setTimeout(() => {

  const banner = document.querySelector('div[class*="trial"]');

  if (banner) banner.style.display = 'none';

}, 2000);

Note: Please note this should not be used in production, as it goes against Microsoft's intended trial experience.

If my response has resolved your query, please mark it as the Accepted Solution to assist others. Additionally, a 'Kudos' would be appreciated if you found my response helpful.
Thank you
LakshmiNarayana