[Radio] "Invalid value for prop value on <button> tag"

[benface]

Bug report

Current behavior

When using an object for the value prop of Radio.Root (as seems to be allowed), it attempts to render that object in the value attribute of the underlying <button> element.

Also, when using the render function prop of Radio.Root, value is part of the passed props (the first argument), and I don't think it should be (regardless of the type), as value may not even be a valid attribute for the element we want to render (e.g. div) – maybe it could be in state though (the second argument)?

Expected behavior

Don't include value in the props that are spread onto the <button> / passed to the render function.

Reproducible example

https://codesandbox.io/p/devbox/currying-wood-qyshll?workspaceId=ws_VCLs2BtBqfm4WA73jXMWhM

The first option's <button> has value="[object Object]" and the second one, which uses the render function, has the same on a <div> element where value is not valid.

Note that the title of this issue is a warning I get in Storybook when the same issue occurs, but I don't get it in CodeSandbox for some reason.

Base UI version

1.0.0-alpha.7

Which browser are you using?

Chrome, Safari, and Firefox

Which OS are you using?

macOS

Which assistive tech are you using (if applicable)?

None

[benface]

Oh, this is also an issue on RadioGroup:

Invalid value for prop value on <div> tag.