Material-UI: disableになってるオブジェクトにホバーしてもTooltipが出せないよ〜〜😭という迷い人たちへ

本当にメモ書きくらいの記事なんですけど……
もうね、題名の通りですよ！！Material-UIでdisableしてるオブジェクト(例: ItemMenu)にホバーしたときTooltipが出せるようにしたいときあるジャン？？
結論は「Tooltipタグとの間になんか1個はさんどけ」です、以上！これでもだめな場合はもうワタシワカリマセン。

これだと表示されない😭

<Tooltip title={[当該MenuItemがdisableされる条件] ? 'このMenuItemは無効だよん' : null}>
    <MenuItem disabled={[当該MenuItemがdisableされる条件]}>
        {t('disabledだよん')}
    </MenuItem>
</Tooltip>

これで表示される👶

<Tooltip title={[当該MenuItemがdisableされる条件] ? 'このMenuItemは無効だよん' : null}>
    <div>
        <MenuItem disabled={[当該MenuItemがdisableされる条件]}>
            {t('disabledだよん')}
        </MenuItem>
    </div>
</Tooltip>

引き続きtsxやっていきましょう👦

参考)
https://next--material-ui.netlify.app/ja/components/tooltips/#DisabledTooltips.tsx