{feConfigs?.systemTitle || 'AI'}

import { useEffect, useState } from 'react'; import type { AppProps } from 'next/app'; import Script from 'next/script'; import Head from 'next/head'; import { ChakraProvider, ColorModeScript } from '@chakra-ui/react'; import Layout from '@/components/Layout'; import { theme } from '@/constants/theme'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import NProgress from 'nprogress'; //nprogress module import Router from 'next/router'; import { clientInitData, feConfigs } from '@/store/static'; import { appWithTranslation, useTranslation } from 'next-i18next'; import { getLangStore, setLangStore } from '@/utils/i18n'; import { useRouter } from 'next/router'; import { useGlobalStore } from '@/store/global'; import 'nprogress/nprogress.css'; import '@/styles/reset.scss'; import { FeConfigsType } from '@/types'; //Binding events. Router.events.on('routeChangeStart', () => NProgress.start()); Router.events.on('routeChangeComplete', () => NProgress.done()); Router.events.on('routeChangeError', () => NProgress.done()); // Create a client const queryClient = new QueryClient({ defaultOptions: { queries: { refetchOnWindowFocus: false, retry: false, cacheTime: 10 } } }); function App({ Component, pageProps }: AppProps) { const router = useRouter(); const { hiId } = router.query as { hiId?: string }; const { i18n } = useTranslation(); const { setLastRoute } = useGlobalStore(); const [scripts, setScripts] = useState([]); useEffect(() => { // get init data (async () => { const { feConfigs: { scripts } } = await clientInitData(); setScripts(scripts || []); })(); // add window error track window.onerror = function (msg, url) { window.umami?.track('windowError', { device: { userAgent: navigator.userAgent, platform: navigator.platform, appName: navigator.appName }, msg, url }); }; return () => { window.onerror = null; }; }, []); useEffect(() => { hiId && localStorage.setItem('inviterId', hiId); }, [hiId]); useEffect(() => { const lang = getLangStore() || 'zh'; i18n?.changeLanguage?.(lang); setLangStore(lang); return () => { setLastRoute(router.asPath); }; }, [router.asPath]); return ( <> {feConfigs?.systemTitle || 'AI'} {scripts?.map((item, i) => ( ))} ); } export default appWithTranslation(App);