useTransition does not fully complete when the main thread is overloaded

[rey-wright]

I ran into this when I was implementing my code in react-spring, and now I'm seeing this in the production version of my app. essentially, I'm using a useTransition like the following:

  const transitions = useTransition(isOpen, null, {
    config: { mass: 1, tension: 250, friction: 21 },
    from: { opacity: 0 },
    enter: { opacity: 1 },
    leave: { opacity: 0 },
  });

And the transition isn't fully completing, especially when the page slows down due to other javascript code executing. I don't really know how best to recreate this given the performance element of this, but just wanted to pose the question.