Dynamic dialog: header text is bugged

[MykolaSirko1]

Describe the bug

I am using DialogService to open my component:

onModal() {
    this.dialogService.open(ModalComponent, {
      header: 'Modal header',
      width: '500px',
      style: { background: 'transparent' },
      modal: true,
      closable: true,
    });
  }

the problem is when option closable: true is added, then when the modal window is opened for the first time, the following text is displayed in the header instead of what is specified in the options:

On subsequent openings, the text becomes correct:

Environment

Development

Reproducer

No response

Angular version

18.2.3

PrimeNG version

18.0.0-beta.3

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

Header text is correct

[github-actions]

We're unable to replicate your issue, if you are able to create a reproducer by using PrimeNG Issue Template or add details please edit this issue. This issue will be closed if no activities in 20 days.

[Zeck-Koay]

Hi, I created example based on the Issue Template.
https://stackblitz.com/edit/github-sqieue

Edited:
Adding info for this example.
PrimeNG version: 18.0.0-rc.1

Tested using this example in Window 10 & 11, Chromium (Chrome and Edge) and Firefox, latest version by today.