Javascript 在对话框材质UI中与幻灯片过渡一起使用时出现错误位置

如上所述，我正在使用

react-tour

为我的项目实施指导

第一步是一个小组件，它位于需要突出显示的

中。但由于过渡，

react-tour

错误计算了位置。如果我使用键盘

右/左
箭头，它将重新计算并正确显示

我在这里放了一个简短的示例：

在第109行中，如果我注释掉这一行
TransitionComponent={Slide}
，它将起作用，因为默认的转换是
Fade
。问题是从一开始，我们选择的初始动画是向上滑动的，并且它是全局应用的。我不能简单地改变这一点

我找不到方法或API可以从

如果有任何解决办法，我将不胜感激


从“React”导入React；
从“@material ui/core/styles”导入{withStyles}”；
从“@物料界面/核心/按钮”导入按钮；
从“@material ui/core/Dialog”导入对话框；
从“@material ui/core/DialogTitle”导入MuiDialogTitle”；
从“@material ui/core/DialogContent”导入MuiDialogContent；
从“@material ui/core/DialogActions”导入MuiDialogActions；
从“@material ui/core/IconButton”导入图标按钮；
从“@material ui/icons/Close”导入CloseIcon；
从“@material ui/core/Typography”导入排版；
从“@material ui/core/Slide”导入幻灯片；
从“reactour”导入旅游；
常量转换=React.forwardRef（函数转换（props，ref）{
返回；
});
常数tourConfig=[
{
//更新显示：1500，
选择器：“[data tut=“reactour__iso”]”，
内容：`好的，让我们从即将开始的旅行的名字开始`
},
{
选择器：“[data tut=“reactour__logo”]”，
内容：`这是我们的酷巴士`
}
];
导出默认函数CustomizedDialogs（）{
const accentColor=“#5cb7b7”；
const[open，setOpen]=React.useState（false）；
const[isTourOpen，setTourOpen]=React.useState（false）；
常量handleClickOpen=（）=>{
setOpen（真）；
};
常量handleClose=（）=>{
setOpen（假）；
};
const closeTour=（）=>{
setTourOpen（假）；
};
const openTour=（）=>{
handleClickOpen（正确）；
setTourOpen（真）；
};
返回(
公开旅游
情态标题
这是一种发酵剂。这是一种发酵剂，
医院的空调设备在，埃吉斯塔在，莫尔比在，门在
圣殿，爱神的前庭。
这是一项伟大的事业，是一项伟大的事业。
奥古斯·拉奥里特·鲁特姆·福西布斯·多洛矢状体万岁
拍卖人。
这是一个非常重要的问题
大功告成，圣职和不可剥夺的权利
dui.Donec ullamcorper nulla非metus拍卖人弗林利亚。
保存更改
);
}