shoelace-style/webawesome
GitHub で見るTypescript types for <WaFileInput> missing form associated properties
Open
#2,540 opened on 2026年6月23日
WA Probughelp wanted
Repository metrics
- Stars
- (1,104 stars)
- PR merge metrics
- (PR metrics pending)
説明
Describe the bug
When using the Pro component with ReactJS in a Typescript project, using the name property causes a Typescript error.
To Reproduce
Steps to reproduce the behavior:
- Create a new React project
npx create-react-app my-react-project --template typescript - Add WebAwesome 3.9.0 to your project
npm add @awesome.me/webawesome-pro@3.9.0(bring your own Webawesome Pro token) - In your React project, create a
<form>and add a<WaFileInput>component to it - Add a
nameproperty to your<WaFileInput>(e.g.<WaFileInput name="foobar" />) - Run the Typescript compiler on your project
npm exec tsc
Result: Compilation fails with the following error
Type '{ name: string; }' is not assignable to type 'IntrinsicAttributes & Omit<HTMLAttributes<WaFileInput>, "onWaInvalid" | "assumeInteractionOn" | "input" | "size" | "handleSizeChange" | ... 15 more ... | "fileCount"> & EventListeners<...> & Partial<...> & RefAttributes<...>'.
Property 'name' does not exist on type 'IntrinsicAttributes & Omit<HTMLAttributes<WaFileInput>, "onWaInvalid" | "assumeInteractionOn" | "input" | "size" | "handleSizeChange" | ... 15 more ... | "fileCount"> & EventListeners<...> & Partial<...> & RefAttributes<...>'.
Demo
I created a demo repo in the error state: https://github.com/fmercille/wa-file-input-name
git clone https://github.com/fmercille/wa-file-input-name.gitcd wa-file-input-nameexport WEBAWESOME_NPM_TOKEN=<YOUR_TOKEN>npm installnpm exec tsc
Screenshots
Other pro components accept the name property as expected. Only <WaFileInput> seems impacted