Is it advisable to wrap the app in a BottomSheetContext and reuse the same bottom-sheet instead of creating multiple instances of it?

[wtfabio]

The aim of this is to improve app performance, reducing the number of views rendered, reanimated shared values, etc.

What would be the best practice in this scenario?

Suppose I have many bottom sheets along the app. A portion of those are used with Tab screens in react-navigation's bottom-tab-navigator, so they are rendered in views that are kept mounted. In theory, after the 10th bottom sheet or so, it starts getting a little crowded in there, and performance is impacted.

So back to the main question: is wrapping the app in a BottomSheetContext with a swappable JSX.Element a good alternative to this? If not, please guide me toward the best practice. And thanks for the amazing work!