A typescript error "not assignable" occured when use toast outside of react component about react-native-toast-notifications HOT 3 CLOSED

I just change the index.d.ts like this:

type ToastContainerType = import("react-native-toast-notifications/lib/typescript/toast-container").ToastContainer;

declare global {
  const toast: ToastContainerType;
}

declare var toast: ToastContainerType;

then I can see the syntax prompt of toast.show() and the typescript error disappear too. Looks like everything is ok.

So is there something wrong with your example index.d.ts or did I write something wrong ?

from react-native-toast-notifications.

You can keep the index.d.ts of the README but you need to add ! on the ref

ref={(ref) => {
    global["toast"] = ref!;
}}

Works with typescript 4.9.4, expo SDK 48

from react-native-toast-notifications.

Check the new global API introduced in version 3.4.0, It is easier to use and has better Typescript support.

(docs)

from react-native-toast-notifications.