import { Navigation } from "./navigation/Navigation";
import { GestureHandlerRootView } from "react-native-gesture-handler";
import { QueryCache, QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { errorReporting } from "services/sentry";
import { AxiosError } from "axios";

export const queryClient = new QueryClient({
  logger: { warn: console.log, error: console.log, log: console.log },
  queryCache: new QueryCache({
    onError: (error) => errorReporting(error as AxiosError<any>),
  }),
  defaultOptions: { queries: { retry: false, staleTime: 20 } },
});

export function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <GestureHandlerRootView style={{ flex: 1 }}>
        <Navigation />
      </GestureHandlerRootView>
    </QueryClientProvider>
  );
}