App.tsx

import { QueryClient, QueryClientProvider } from 'react-query';
import { Toaster } from 'sonner';

import '@/i18n/i18n';
import '/node_modules/flag-icons/css/flag-icons.min.css';

import { Analytics } from '@/Analytics';
import LoadingApplication from '@/pages/LoadingApplication';
import { Routes } from '@/Routes';
const queryClient = new QueryClient();

function App() {
    return (
        <QueryClientProvider client={queryClient}>
            <div className="h-screen w-screen overflow-auto">
                <LoadingApplication>
                    <Routes />
                    <Analytics />
                </LoadingApplication>
                <Toaster />
            </div>
        </QueryClientProvider>
    );
}

export default App;