Ion-img is not working, Throw IntersectionObserver error

new IntersectionObserver(data => {});
zone.js:944 Uncaught RangeError: Maximum call stack size exceeded

Shadow img element did not fill with src attribute.

Ionic:

   Ionic CLI                     : 6.18.1 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.9.3
   @angular-devkit/build-angular : 12.2.14
   @angular-devkit/schematics    : 12.2.14
   @angular/cli                  : 12.2.14
   @ionic/angular-toolkit        : 5.0.3

Cordova:

   Cordova CLI       : 10.0.0 (cordova-lib@10.1.0)
   Cordova Platforms : browser 6.0.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 21 other plugins)

Utility:

   cordova-res (update available: 0.15.4) : 0.15.3
   native-run (update available: 1.5.0)   : 1.4.1

System:

   Android SDK Tools : 25.2.3 (/Users/ypatel/Library/Android/sdk)
   ios-deploy        : 1.11.4
   ios-sim           : ios-sim/9.0.0 darwin-x64 node-v14.15.5
   NodeJS            : v14.15.5 (/Users/XXXX/.nvm/versions/node/v14.15.5/bin/node)
   npm               : 6.14.11
   OS                : macOS Big Sur
   Xcode             : Xcode 13.2.1 Build version 13C100

can you show us your ts and html file?
it’s hard to understand what’s going on from that code

@ciccilleju

The white box on the blue bar is broken ion-img.

Template file

<ion-img
            src="./assets/imgs/notification.png"
            class="at-notification-icon"
            id="notification"
            aria-label="notification"
            style="border: 1px solid;"
            alt="abc"
          ></ion-img>

It’s rendered in Chrome devtool like Screenshot 2021-12-27 at 3.18.59 PM. You can see src
attribute not generated.

I can see an error on devtools console Screenshot 2021-12-27 at 2.27.54 PM.