str.match is not a function error when add custom content for Panel

[nqaba nleya]

Good day, 

I am having issues with adding custom content inside each panel> Review code below

      <ejs-dashboardlayout id='defaultLayout' #defaultLayout [columns]='columns' [mediaQuery]='mediaQuery' [cellSpacing]='cellSpacing'

                [allowResizing]='allowResizing' [resizableHandles]='resizableHandles'

        (resizeStart)="onResizeStart($this)" (resize)="onResize($this)" (resizeStop)="onResizeStop($this)">

             <e-panels>

              <e-panel *ngFor="let panel of panels" [sizeX]="panel.sizeX" [sizeY]="panel.sizeY" [row]="panel.row" [col]="panel.col">

               

                <ng-template #content>

                    <div> My content</div>

                </ng-template>

              </e-panel>

                 </e-panels>

    </ejs-dashboardlayout>

the code above results in the error below

Same goes when i use #header as well.

Below is my package version

    "@syncfusion/ej2-angular-layouts": "30.1.37",

[Saravanan Jayavel]

Hi nqaba nleya,

We’ve reviewed the provided code and tested it in both StackBlitz and our local setup—but so far, we haven’t been able to reproduce the error (str.match is not a function).

For your reference we attached both the sample.

StackBlitz sample: https://stackblitz.com/edit/angular-ks2rrh6z-jngbpogl?file=src%2Fapp.component.ts

Local sample: Attached as zip file

To help us to proceed further, could you please provide the following additional details?

• A minimal reproducible sample or context in which the error occurs (e.g., runtime conditions, data bindings, etc.)
• Whether the issue appears during initial load, after an event, or under specific conditions

This info will allow us to narrow down the root cause more effectively and suggest an appropriate fix.

Regards,

Saravanan J

Attachment: angular_sample_e7f3c6d6.zip