App.tsx

// vendors
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { Provider } from 'react-redux';
import { PersistGate } from 'redux-persist/integration/react';

// components
import TabNavigator from './src/navigation';
import ThemeContext from './src/context/ThemeContext/Theme.context';
import { persistor, store } from './src/store';
import PushNotificationListener from './src/features/notifications/PushNotificationListener/PushNotificationListener';
import ToastInstance from './src/components/Toast/Toast';
import AppStartUp from './src/features/AppStartUp/AppStartUp';

// helpers
import { navigationRef } from './src/helpers/navigation.helpers';

function App(): JSX.Element {
  return (
    <PersistGate loading={null} persistor={persistor}>
      <Provider store={store}>
        <ThemeContext>
          <NavigationContainer ref={navigationRef}>
            <AppStartUp>
              <PushNotificationListener />
              <TabNavigator />
            </AppStartUp>
            <ToastInstance />
          </NavigationContainer>
        </ThemeContext>
      </Provider>
    </PersistGate>
  );
}

export default App;