mobileapp/App.js

import 'react-native-gesture-handler';
import React, { useEffect } from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { DefaultTheme, Provider } from 'react-native-paper'
import { AuthProvider } from './contexts/AuthContext'
import MainStackNavigator from './navigation/MainStackNavigator';

const theme = {
  ...DefaultTheme,
  colors: {
    primary: '#df3f3f',
    accent: 'white',
  },
}

const App = () => {
  
  return(
    <Provider theme={theme}><AuthProvider>
      <NavigationContainer>
        <MainStackNavigator />
      </NavigationContainer>
    </AuthProvider></Provider>
  )
}

export default App;