I discussed this solution with @tomek, and we concluded it will be the simplest way to achieve correct animation.
The reason here is to prevent the component from being displayed after we press "open sidebar" what causes screen transition and additional message animations.
Right now, we have some complex logic related to progress variable and at the end of opening sidebar animation the component would appear again. As isOpeningSidebar variable is true after screen transition starts, we use it to prevent displaying the inline sidebar while sidebar animation.

1. We're hiding InlineSidebar after it's pressed? Why is that? Can you share a video of the whole animation of opening a sidebar?
2. If we're multiplying by 0, why not just set opacity: 0?

1. We hide InlineSidebar after we press the message to display the tooltip - so the message could "fade" through it. Then we don't want to display it again when we move to the sidebar. The whole animation is already in diff description.

If we don't set opacity to 0 after we open the sidebar, the effect would be (and it's what we want to avoid):

2. I think, the same effect could be achieved with the following code, which is probably much cleaner:

const opacity = isOpeningSidebar
  ? 0
  : interpolateNode(progress, {
      inputRange: [0, 1],
      outputRange: [1, 0],
      extrapolate: Extrapolate.CLAMP,
    });