TypeError: null is not an object (evaluating 'Toast._ref.show')

I am getting this error when I am trying to prompt a message. I am using expo version 39.0.2 with the following packages. react: 16.13.1 react-native: 0.63 react-native-toast-message: 1.3.6

I am also using ui-kitten and redux. The component is placed inside the inner layer (redux).

My app root looks like this:

function App() {
  return (
    <RootLayout>
      <Provider store={store}>
        <AppNavigator />
        <Toast ref={(ref) => Toast.setRef(ref)} />
      </Provider>
    </RootLayout>
  );
}

export default () => {
  return (
    <>
      <IconRegistry icons={EvaIconsPack} />
      <ApplicationProvider
        {...eva}
        theme={{ ...eva.light, ...theme, ...themeExtra }}
      >
        <App />
      </ApplicationProvider>
    </>
  );
};

[trbsi]

If someone gets the same error I fixed it by adding <Toast> to App.js

return (
    <NavigationContainer>
        <AuthContext.Provider value={authContext}>
            <Stack.Navigator>
                <Stack.Screen name="Home"
                    children={createBottomTabs}
                    options={{
                        headerTitle: Trans.t('app_name'),
                        headerTitleAlign: 'center'
                    }}></Stack.Screen>

                <Stack.Screen
                    name='Contacts'
                    component={ContactsScreen}
                ></Stack.Screen>
            </Stack.Navigator>
            <Toast ref={(ref) => Toast.setRef(ref)} />
        </AuthContext.Provider>
    </NavigationContainer>
);

[calintamas]

Ok, glad it works! I’m closing this issue