[joy-ui][Autocomplete] Typescript & React runtime error using Autocomplete
Open
@siriwatknp is already working on this.
Since Sep 29, 2023.
on hold
package: @mui/base
package: joy-ui
scope: autocomplete
typescript
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Duplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Steps to reproduce 🕹
Trying to use Joy UI's Autocomplete in a controlled state as per the docs, I get a TypeScript error:
I also get a runtime error on the browser from React.
I've tried passing objects with value and label as options, passing a value prop, but I also get the same typescript error. It expects it to be an array of string or the inferred type from option. I also get errors if I pass it an array.
Am I using this component wrong, or is there an issue with these types?
Reproduction:
(MUI Joy's own example has type errors)
https://codesandbox.io/s/cp2zmj?file=/Demo.tsx
Current behavior 😯
No response
Expected behavior 🤔
No response
Context 🔦
No response
Your environment 🌎
npx @mui/envinfo
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.