Hello, I'm using mui's tooltip to show feedback msg to users for 3 seconds. Around half second before unmounting, tooltip becomes smaller and moves a little bit, than disappears. You can see on the screen record. On desktop it works perfect, unmounts with fade animation. Below is my tooltip

 <Tooltip
            title={"test tes ttest test test"}
            open={tooltipIndex === item.id}
            // placement="top"
            arrow
            disableInteractive
            TransitionComponent={Fade}
            TransitionProps={{ timeout: 300 }}
            PopperProps={{
              modifiers: [
                {
                  name: "flip",
                  enabled: false,
                },
                {
                  name: "preventOverflow",
                  options: {
                    padding: 0,
                    altAxis: false,
                  },
                },
                {
                  name: "hide",
                  enabled: false,
                },
              ],
            }}
          >