Accessing toast instance outside of component

[ngcvm]

Description

Hi, I have migrated from NativeBase to Gluestack V2 recently and really impressed on it. But currently, when migrating the Toast, I realize that I cannot access the toast instance directly without using the hook. So my question request is to expose a function to get the toast instance, it should be a singleton instance across the app lifecycle.

Problem Statement

My app currently first some toasts inside of the axios interceptors and I want to keep these calls.

Proposed Solution or API

Expose a helper function to get the toast instance: getToastInstance(): { show, close, closeAll, ... }.

Alternatives

No response

Additional Information

No response

[akash3gtm]

When we made gluestack-ui, we opted to make it more performant.
Hence we removed a lot of things that were in nativebase (e.g. conditionally rendering etc) to minimize the use of props/states and hence to avoid re-rendering and performance issues.

This decision was also one of them.

You will have to use the hook where ever you want to access the element, it internally portals to the root overlay layout only.

[akash3gtm]

Hope this clears things.

Closing this issue now.