self/app/App.tsx

import 'react-native-get-random-values';

import { Buffer } from 'buffer';
import React from 'react';
import { YStack } from 'tamagui';

import ErrorBoundary from './src/components/ErrorBoundary';
import AppNavigation from './src/navigation';
import { AuthProvider } from './src/providers/authProvider';
import { DatabaseProvider } from './src/providers/databaseProvider';
import { NotificationTrackingProvider } from './src/providers/notificationTrackingProvider';
import { PassportProvider } from './src/providers/passportDataProvider';
import { initSentry, wrapWithSentry } from './src/Sentry';

initSentry();

global.Buffer = Buffer;

function App(): React.JSX.Element {
  return (
    <ErrorBoundary>
      <YStack f={1} h="100%" w="100%">
        <AuthProvider>
          <PassportProvider>
            <DatabaseProvider>
              <NotificationTrackingProvider>
                <AppNavigation />
              </NotificationTrackingProvider>
            </DatabaseProvider>
          </PassportProvider>
        </AuthProvider>
      </YStack>
    </ErrorBoundary>
  );
}

export default wrapWithSentry(App);