import { QueryClient } from '@tanstack/react-query';
import { NextPage } from 'next';
import { AppProps } from 'next/app';
import GlobalStyles from '../next-res/GlobalStyles';

const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      networkMode: 'always',
    },
    mutations: {
      networkMode: 'always',
    },
  },
});

export default function App({ Component, pageProps }: AppProps) {
  const PageComponent = Component as NextPage;
  return (
    <>
      <GlobalStyles />
      <PageComponent {...pageProps} />
    </>
  );
}