Core: Unstyled property does not inherit to children

[vaelu]

Describe the bug

We are using unstyled mode without a provider, so setting it directly on component basis, e.g.:

import { FileUpload } from "primereact/fileupload";
import TailwindDefaultPT from "primereact/passthrough/tailwind";

return <FileUpload unstyled pt={TailwindDefaultPT.fileupload} />;

Unfortunately, the components which are re-using other components inside (for example FileUpload, which re-uses the Button component inside), do not inherit the unstyled property, which causes that the buttons (only the upload and cancel button in this example, the choose button is not using the Button component, who knows why..) still have the p- classes (e.g.: p-component p-button etc.)

Please check the StackBlitz example. The problem exists on all components, not only on this one.

Reproducer

https://stackblitz.com/edit/rucqxs?file=src%2FApp.jsx

PrimeReact version

10.5.1

React version

18.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[vaelu]

@melloware is there any update on this issue? is it already known by the team?

[melloware]

No update. If you need immediate support I suggest you look into PrimeReact PRO support: https://primereact.org/support/

Other than that you are at the mercy of the open source community and when they get to it...