Component: p-multiSelect don´t work when using in reactive forms

[chrissl33]

Describe the bug

When applying the formControlName attribute to the p-multiSelect component instead using the ngModel, the component throws an error:

It seems it can´t bind it´s options properly anymore.

Everything working fine, when using ngModel.

Environment

Angular 17
PrimeNG 17.7.0

Reproducer

No response

Angular version

17.0.1

PrimeNG version

17.7.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.11.0

Browser(s)

Chrome (122.0.6261.69)

Steps to reproduce the behavior

1. Implement p-multiSelect inside form tag

2. Use formControlName on component

3. Pass options array of object (e.g.: {label: 'Test', value: 'test'})

4. Go to frontend

5. MutliSelect already display wrong item, when pre setting a value
   

6. Open the Multiselect inside frontend -> Error appears; loading of options is aborted

Expected behavior

MultiSelect display´s selected value correctly and load it´s options, when using inside reactive forms -> using formControlName attribute.

[github-actions]

This issue has been automatically marked as stale. If this issue is still affecting you with the latest version, please leave any comment, and we will keep it open. We are sorry that we have not been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[github-actions]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you for your understanding!