import { SessionProvider } from 'next-auth/react'
import Script from 'next/script';
import { useEffect } from 'react';
import '../styles/globals.css';
import { ToastContainer } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';
import { Analytics } from "@vercel/analytics/react";

function MyApp({ Component, pageProps: { session, ...pageProps } }) {

  useEffect(() => {
    if (!session) {
      sessionStorage.removeItem('user-guilds');
    }
  }, [session]);

  return (
    <SessionProvider session={session}>
      <Analytics/>
      <script async src="https://cdn.sellix.io/static/js/embed.js"></script>
      <Component {...pageProps} />
      <ToastContainer
        position="bottom-right"
        autoClose={5000}
        hideProgressBar={false}
        newestOnTop={false}
        closeOnClick
        rtl={false}
        pauseOnFocusLoss
        pauseOnHover
        theme="dark"/>
    </SessionProvider>
  )
}

export default MyApp