shoelace-style/webawesome
在 GitHub 查看Typescript types for <WaFileInput> missing form associated properties
Open
#2,540 创建于 2026年6月23日
WA Probughelp wanted
仓库指标
- Star
- (1,104 star)
- PR 合并指标
- (PR 指标待抓取)
描述
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