import { DefaultSeo } from "next-seo"; import Head from "next/head"; import { useEffect } from "react"; // import { ReactQueryDevtools } from "react-query/devtools"; import superjson from "superjson"; import "@calcom/embed-core/src/embed-iframe"; import AppProviders, { AppProps } from "@lib/app-providers"; import { seoConfig } from "@lib/config/next-seo.config"; import I18nLanguageHandler from "@components/I18nLanguageHandler"; import type { AppRouter } from "@server/routers/_app"; import { httpBatchLink } from "@trpc/client/links/httpBatchLink"; import { loggerLink } from "@trpc/client/links/loggerLink"; import { withTRPC } from "@trpc/next"; import type { TRPCClientErrorLike } from "@trpc/react"; import { Maybe } from "@trpc/server"; import { ContractsProvider } from "../contexts/contractsContext"; import "../styles/fonts.css"; import "../styles/globals.css"; function MyApp(props: AppProps) { const { Component, pageProps, err, router } = props; let pageStatus = "200"; if (router.pathname === "/404") { pageStatus = "404"; } else if (router.pathname === "/500") { pageStatus = "500"; } return ( ); } export default withTRPC({ config() { /** * If you want to use SSR, you need to use the server's full URL * @link https://trpc.io/docs/ssr */ return { /** * @link https://trpc.io/docs/links */ links: [ // adds pretty logs to your console in development and logs errors in production loggerLink({ enabled: (opts) => !!process.env.NEXT_PUBLIC_DEBUG || (opts.direction === "down" && opts.result instanceof Error), }), httpBatchLink({ url: `/api/trpc`, }), ], /** * @link https://react-query.tanstack.com/reference/QueryClient */ queryClientConfig: { defaultOptions: { queries: { /** * 1s should be enough to just keep identical query waterfalls low * @example if one page components uses a query that is also used further down the tree */ staleTime: 1000, /** * Retry `useQuery()` calls depending on this function */ retry(failureCount, _err) { const err = _err as never as Maybe>; const code = err?.data?.code; if (code === "BAD_REQUEST" || code === "FORBIDDEN" || code === "UNAUTHORIZED") { // if input data is wrong or you're not authorized there's no point retrying a query return false; } const MAX_QUERY_RETRIES = 3; return failureCount < MAX_QUERY_RETRIES; }, }, }, }, /** * @link https://trpc.io/docs/data-transformers */ transformer: superjson, }; }, /** * @link https://trpc.io/docs/ssr */ ssr: false, })(MyApp);