RadioButton, ToggleButton: Warning: Invalid DOM property readonly. Did you mean readOnly?

[arnodemer]

Describe the bug

Both components RadioButton and ToggleButton (maybe others?) reference lowercase 'readonly' but React uses camel case readOnly as props.
Warning is displayed while runnin jest tests (laso when running react in dev. mode)

Reproducer

No response

PrimeReact version

10.5.3

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

Warning: Invalid DOM property readonly. Did you mean readOnly?
at input
at div
at eval (webpack-internal:///./components/lib/radiobutton/RadioButton.js:24:83)
at div

Warning: Invalid DOM property readonly. Did you mean readOnly?
at input
at div
at D:\onetest-server\frontend\node_modules\primereact\togglebutton*togglebutton*.cjs.js:146:26
at div

Expected behavior

No response

[arnodemer]

Hi @melloware,
showcase page (https://primereact.org/togglebutton/) have a Button section under Components.
I'm surprised that RadioButton, ToggleButton and SelectButton aren't displayed under Button section, is it expected ?

[melloware]

yes as these are "Input" components so they go under Forms. Buttons are not input components.

[melloware]

PR Submitted