Tooltip on ToggleButton in ToggleButtonGroup

[AngyDev]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example: https://codesandbox.io/s/upbeat-sinoussi-bgbdsj?file=/src/App.js

Steps:

1. Wrap the ToggleButton inside a Tooltip
2. Run the code
3. See the console for warning

In the last button I added the span, as the documentation said, but the button has a different style

Current behavior 😯

I have a ToggleButtonGroup with a list of ToggleButton, I wanted to add Tooltips on the buttons, I followed the documentation and everything was fine. But I have some conditional buttons that can be disabled for some reason. When the buttons are disabled I get the following error:

MUI: You are providing a disabled `button` child to the Tooltip component.
A disabled element does not fire events.
Tooltip needs to listen to the child element's events to display the title.

Add a simple wrapper element, such as a `span`. 

I added the span tags but there is another problem: the styles have changed and the buttons cannot be clicked.
I followed other issues related to this problem but no workaround worked for me.
Do you have any suggestions?

Expected behavior 🤔

It should be possible to add a tooltip to ToggleButton and disable it if the button is disabled without errors and without adding extra tags

Context 🔦

Since ToggleButtons are IconButton (at least that's how we intend to use it) it would be helpful to a user to see what that button will do and the best way for that is Tooltip

Your environment 🌎

Tech	Version
Material-UI	v5.11.9
React	v18.2
Browser	any

[siriwatknp]

There are 2 problems with this issue:

1. The disabled toggle button + tooltip is not supported. Similar to Tooltip doesn't work for <IconButton disabled> #8416, the proposed fix is [Button] Implement inclusive disabled state #27719.
2. The ToggleButtonGroup is using React.cloneElement, to pass props to ToggleButton. The implementation should change to React context.

[bmakan]

Another issue related to Tooltip and ToggleButton:
I wrapped my ToggleButtons with Tooltips and they are not highlighted when selected.

[wfsm]

any updates?