Why material lab autocomplete drop-down text is transparent for multiple selection

Question

https://codesandbox.io/s/checkboxestags-material-demo-forked-m19vj?file=/demo.js

The code below for autocomplete component was working fine in functionality point of view. But, the drop-down texts are transparent. How to fix this without changing any library?

user_10798299 · Answer

You're using Material-UI v4 but you followed v5's API. Autocomplete's renderOption API has changed in v5. Here's the API you should use function(option: T, state: object) => ReactNode.

Why material lab autocomplete drop-down text is transparent for multiple selection

1 Answers