Chip onDelete not triggered when used with Select renderValue

[rbarkhouse]

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

I am using Chips to render the values of my Select (which is set to "multiple"). I want the delete button of the ship to remove it from the selection. When I click the delete button of the chip, however, the Select popup underneath is activated instead -- my onDelete never gets called.

Expected Behavior 🤔

Clicking the Chip's delete button should trigger the onDelete function

Steps to Reproduce 🕹

Demo: https://codesandbox.io/s/multi-select-with-chips-g3jf4

Steps:

1. Start with multi Select
2. Define a renderValue function that returns Chips for each item, with an onDelete function on each Chip.
3. Run the app, select a few choices from the Select
4. Click the delete buttons on the chips -- the onDelete function is not fired

Context 🔦

"Multi-select with Chips" is a popular concept with our UX designers and I would like to provide a fully functional solution.

Your Environment 🌎

Tech	Version
Material-UI	v4.?.?
React	16.13.1
Browser	Chrome
TypeScript	No
etc.

[oliviertassinari]

Duplicate of #18658