I am new in material UI and I am trying to implement material UI chips.

I want to design my application in such a way that, when I am selecting values in the dropdown and submitting the selected values,I want to display chips showing those values selected and thus updating state.

I also want to delete the chips and resetting the state based on clicking the chips.

So let's say I have two dropdowns one is containing years and the other is containing names. So what I want is, when I am clicking any of the dropdown values, i want to display chips showing those filters on the display and filtering my lists based on the chip displayed.

I also want to implement delete functionality too when clicking on chip

So please any help regarding this functionality in react will be really appreciated.