import Header from "@/components/Header";
import "@/styles/globals.css";
import type { AppProps } from "next/app";
import { SessionProvider } from "next-auth/react";
import { QueryClient, QueryClientProvider } from "react-query";
import toast, { Toaster } from "react-hot-toast";
import { useRouter } from "next/router";
import { ToastContainer } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
import { MyContextProvider } from "../common/components/MyContext";

const queryClient = new QueryClient();

export default function App({
  Component,
  pageProps: { session, ...pageProps },
}: AppProps) {
  const pathName = useRouter().pathname;
  console.log(pathName);
  return (
    <MyContextProvider>
      <SessionProvider session={session}>
        <QueryClientProvider client={queryClient}>
          {pathName !== "/" && pathName != "/register" && <Header />}
          <Component {...pageProps} />
          <Toaster position="top-center" reverseOrder={true} />
          <ToastContainer />
        </QueryClientProvider>
      </SessionProvider>
    </MyContextProvider>
  );
}