App.tsx

import 'react-native-gesture-handler';
import React from 'react';
import { Provider } from 'react-redux';
import { PersistGate } from 'redux-persist/integration/react';
import { NavigationContainer } from '@react-navigation/native';
import { MainRoutes } from './routes';
import * as Sentry from '@sentry/react-native';
import Config from 'react-native-config';
import configureAppStore from './store';
import { IS_PRODUCTION } from './actions/types';
import './i18n';

const SENTRY_DSN = Config.SENTRY_DSN;
const { store, persistor } = configureAppStore();

const App = () => {
    if (IS_PRODUCTION) {
        Sentry.init({
            dsn: SENTRY_DSN
        });
    }

    return (
        <NavigationContainer>
            <Provider store={store}>
                <PersistGate loading={null} persistor={persistor}>
                    <MainRoutes />
                </PersistGate>
            </Provider>
        </NavigationContainer>
    );
};

export default App;