Menu items (submenu) not rendered, only root items (angular 19.1.2)

[miruritira]

Angular 19.1.2, PrimeNG 19.0.5

Submenuitems are not displayed. The structure <li> is generated but empty.

app.menuitem.ts

<ul *ngIf="item.items && item.visible !== false" [@children]="submenuAnimation">
        <ng-template ngFor let-child let-i="index" [ngForOf]="item.items">
          <li app-menuitem [item]="child" [index]="i" [parentKey]="key" [class]="child['badgeClass']"></li>
        </ng-template>
      </ul>

Tried with this dependencies:

"dependencies": {
        "@angular/animations": "^19.1.2",
        "@angular/cdk": "^19.1.0",
        "@angular/common": "^19.1.2",
        "@angular/compiler": "^19.1.2",
        "@angular/core": "^19.1.2",
        "@angular/forms": "^19.1.2",
        "@angular/platform-browser": "^19.1.2",
        "@angular/platform-browser-dynamic": "^19.1.2",
        "@angular/router": "^19.1.2",
        "@primeng/themes": "^19.0.5",
        "chart.js": "4.4.2",
        "primeclt": "^0.1.5",
        "primeicons": "^7.0.0",
        "primeng": "^19.0.5",
        "rxjs": "~7.8.0",
        "tailwindcss-primeui": "^0.4.0",
        "tslib": "^2.3.0",
        "zone.js": "~0.15.0"
    },
    "devDependencies": {
        "@angular-devkit/build-angular": "^19.1.3",
        "@angular/cli": "^19.1.3",
        "@angular/compiler-cli": "^19.1.2",
        "@types/jasmine": "~5.1.0",
        "autoprefixer": "^10.4.20",
        "eslint": "^9.14.0",
        "eslint-config-prettier": "^9.1.0",
        "eslint-plugin-import": "^2.31.0",
        "eslint-plugin-prefer-arrow": "^1.2.3",
        "eslint-plugin-prettier": "^4.2.1",
        "jasmine-core": "~5.4.0",
        "karma": "~6.4.0",
        "karma-chrome-launcher": "~3.2.0",
        "karma-coverage": "~2.2.0",
        "karma-jasmine": "~5.1.0",
        "karma-jasmine-html-reporter": "~2.1.0",
        "postcss": "^8.4.49",
        "prettier": "^3.0.0",
        "tailwindcss": "^3.4.17",
        "typescript": "~5.6.2"
    }