import { type AppType } from "next/app"; import { type Session } from "next-auth"; import { CssVarsProvider } from "@mui/joy/styles"; import LocalizationProvider from "~/context/localization"; import { SessionProvider } from "next-auth/react"; import { useState, useEffect } from "react"; import { api } from "~/utils/api"; import Head from "next/head"; import Header from "~/components/Header"; import Footer from "~/components/Footer"; const MyApp: AppType<{ session: Session | null }> = ({ Component, pageProps: { session, ...pageProps }, }) => { const description = "Simulador de carteira de investimentos"; const title = "FolioFin"; const fullName = `${title} - ${description}`; const imageMetaURL = "https://foliofin.vercel.app/android-chrome-192x192.png"; const [mounted, setMounted] = useState(false); useEffect(() => { setMounted(true); }, []); return ( {title} {mounted && (