Headless Confirm dialog shows no styles.

[core2drew]

Describe the bug

I followed the documentation on how to implement the Headless Confirm dialog and it doesn't seem to work as expected.

Here I just copy and paste it from the site.

And here is how I called it is also a copy paste code fom the site (you might notice that I remove the "group" and "mahmut" cause it has error on my side for some reason).

Here is what it looks like on my side when I called it.

I also notice that it has error message in the console about:
Invalid value for prop content on

tag.

Reproducer

No response

PrimeReact version

10.5.0

React version

18.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome, Firefox

Steps to reproduce the behavior

Follow the implementation for headless confirm dialog in the prime react site (latest version - 10.5.0)

Expected behavior

No response

[melloware]

So if you are using styled mode make sure you include a PrimeReact Theme

If you are using unstyled mode it is a duplicate of this #5837

[core2drew]

Sorry, I didnt include the imports, but yes I included the PrimeReact theme.

even I added this it has the same issue above.

[melloware]

Can you create a reproducer it works fine for me and has for years using Pr themes.

[github-actions]

Please fork the Stackblitz project and create a case demonstrating your bug report. This issue will be closed if no activities in 20 days.

[core2drew]

I think I got the answer, I need to use PrimeFlex for this to work..

Thanks for the support :)