App.js

import "react-native-gesture-handler";
import React from "react";
import { NhostClient, NhostProvider, NhostReactProvider } from "@nhost/react";
import { SafeAreaProvider } from "react-native-safe-area-context";
import * as SecureStore from "expo-secure-store";
import { NhostApolloProvider } from "@nhost/react-apollo";
import Navigation from "./src/navigation/AuthStack";
import { GestureHandlerRootView } from "react-native-gesture-handler";
import { MenuProvider } from "react-native-popup-menu";
import { NHOST_SUBDOMAIN, NHOST_REGION } from "@env";
import "moment/locale/fr";

const nhost = new NhostClient({
  subdomain: "cqdfqhvzqoncuuocckvj",
  region: "eu-central-1",
  clientStorageType: "expo-secure-storage",
  clientStorage: SecureStore,
});

export default function App() {
  return (
    <GestureHandlerRootView style={{ flex: 1 }}>
      <SafeAreaProvider>
        <MenuProvider>
          <NhostProvider nhost={nhost}>
            <NhostApolloProvider nhost={nhost}>
              <Navigation />
            </NhostApolloProvider>
          </NhostProvider>
        </MenuProvider>
      </SafeAreaProvider>
    </GestureHandlerRootView>
  );
}