[Bug]: FileUploaderButton's listFiles prop is forwarded to DOM element

[imp-dance]

Package

carbon-components-react

Browser

Firefox

Package version

^10.27.0

Description

Adding listFiles={false} as a prop to the FileUploaderButton will result in ReactDOM throwing the following warning to console:

Warning: React does not recognize the 'listFiles' prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase 'listfiles' instead. If you accidentally passed it from a parent component, remove it from the DOM element.

CodeSandbox example

https://codesandbox.io/s/carbon-components-react-fileuploaderbutton-error-vq49z

Steps to reproduce

1. Open linked CodeSandBox, or simply add a FileUploaderButton to your project with the listFiles prop set to false.
2. Open devtools
3. Take a look at console

Expected result: No errors/warnings in console
Actual result: ReactDOM outputs warning in console.

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[imp-dance]

Proposed solution: Before forwarding props to the DOM-element, remove the listFiles property.

[tay1orjones]

Hey @imp-dance - sorry for the confusion here, it looks like listFiles should have been removed as a prop in v10 but was missed. It's not being used in any capacity and is just spread onto the label, which causes this error.

I'll put together a quick PR to remove it.