我一直在尝试设置这个动画效果，让我可以从屏幕左侧滑出一个元素，同时将其逐渐减少到0不透明度，并在同一时间从右侧滑入一个新元素来取代它的位置。
从视觉上看，它可以正常工作，但也有一个副作用，即窗口宽度扩展到屏幕之外（通过显示水平滚动条可见）。
但是，所有过渡的设置如下：

const transitions = useTransition(items, {
    from: {
      opacity: 0,
      transform: `translateX(100%)`,
      width: "100%"
    },
    enter: {
      opacity: 1,
      transform: "translateX(0%)",
      width: "100%"
    },
    leave: {
      opacity: 0,
      transform: "translateX(-100%)",
      width: "0%"
    }
  });

我怎样才能消除那种副作用呢？
或
怎样才能达到同样的视觉效果而没有这种副作用呢？