[Tooltip] Placement initially incorrect after being updated

[GregMeadows]

• 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 😯

When Tooltip placement is updated (e.g. via a state change) the initial hover event shows the Tooltip in the wrong position, as if placement is set to -start. This is only an issue on the first hover as on subsequent hover events the Tooltip displays as expected.
Example: If set from bottom to right, the initial hover will appear as though the Tooltip is right-start.
This doesn't seem to be a issue when using Popper in a similar manner.

Expected Behavior 🤔

The Tooltip should be positioned relevent to the current placement on all hover events.

Steps to Reproduce 🕹

Code SandBox

Steps:

1. Have an element with a Tooltip.
2. Change the placement of the tooltip via a state change.
3. Hover over the element.

Context 🔦

I was trying to make tooltips change from right to bottom based on a mediaQuery.

Your Environment 🌎

Tech	Version
Material-UI	v4.7.2
React	16.12.0
Browser	Firefox, Chrome
TypeScript	Yes

[oliviertassinari]

@GregMeadows Thanks for the report. The fix proposed in #18310 also solves this problem. In case you want to give it a go, it's up for grab :)

[Amagon96]

Hi! Can I work on this?

[oliviertassinari]

You are free to go :).

[Hatzilu]

hey, i'm still experiencing this on mui v4.11.3, are there any hacks i could use to fix this?