import { FC, ReactNode } from "react"; import { observer } from "mobx-react"; import dynamic from "next/dynamic"; import Router from "next/router"; import { useTheme } from "next-themes"; import NProgress from "nprogress"; import { SWRConfig } from "swr"; // ui import { Toast } from "@plane/ui"; // constants import { SWR_CONFIG } from "@/constants/swr-config"; //helpers import { resolveGeneralTheme } from "@/helpers/theme.helper"; // hooks import { useInstance, useWorkspace, useUser } from "@/hooks/store"; // wrappers import { InstanceWrapper } from "@/lib/wrappers"; // dynamic imports const StoreWrapper = dynamic(() => import("@/lib/wrappers/store-wrapper"), { ssr: false }); const PostHogProvider = dynamic(() => import("@/lib/posthog-provider"), { ssr: false }); const CrispWrapper = dynamic(() => import("@/lib/wrappers/crisp-wrapper"), { ssr: false }); // nprogress NProgress.configure({ showSpinner: false }); Router.events.on("routeChangeStart", NProgress.start); Router.events.on("routeChangeError", NProgress.done); Router.events.on("routeChangeComplete", NProgress.done); export interface IAppProvider { children: ReactNode; } export const AppProvider: FC = observer((props) => { const { children } = props; // store hooks const { instance } = useInstance(); const { data: currentUser, membership: { currentProjectRole, currentWorkspaceRole }, } = useUser(); const { currentWorkspace } = useWorkspace(); // themes const { resolvedTheme } = useTheme(); return ( <> {/* TODO: Need to handle custom themes for toast */} {children} ); });