FloatLabel: Type '{ children: Element[]; }' has no properties in common with type 'IntrinsicAttributes & FloatLabelProps & RefAttributes<HTMLSpanElement>'.ts(2559)

[Thomas-Pilz]

Describe the bug

When using the <FloatLabel /> as documented TypeScript will throw the the error Type '{ children: Element[]; }' has no properties in common with type 'IntrinsicAttributes & FloatLabelProps & RefAttributes<HTMLSpanElement>'.ts(2559) which prevents a sucessful application build.

Can be reproduced using the officially documented example for the component (linked below).

Reproducer

https://stackblitz.com/edit/bphtke?file=src%2FApp.tsx

PrimeReact version

10.6.3

React version

18.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Create an input field and associated label
2. Wrap both elements in <FloatLabel />
3. Error occurs

Expected behavior

<FloatLabel /> should not error here and/ or proper usage should be correctly documented.

[Rekl0w]

Your stackblitz link is not working, can you provide a working link please ?

[Thomas-Pilz]

Your stackblitz link is not working, can you provide a working link please ?

Sorry, my bad. Should work now.