Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 | import ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";
import "./index.css";
import "./init";
import reportWebVitals from "./reportWebVitals";
// mui
import { CssBaseline } from "@mui/material";
import { ThemeProvider } from "@mui/material/styles";
import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
import theme from "./theme";
// app
import App from "./App";
// redux
import { ReactReduxProvider } from "./redux/Provider";
// localization
import { ResetActionProvider } from "@common/Error/ResetActionContext";
import { Toast } from "@common/Toast";
import CustomThemeProvider from "@components/EnterpriseSettings/Branding/Provider/CustomThemeProvider";
import MasqueradeSnackbar from "@components/Merchants/Masquerade/MasqueradeSnackbar";
import { MaintenanceBanner } from "@common/MaintenanceBanner";
import { FileUploadProvider } from "@components/UploadFile/FileUploadContext";
import { CartProvider } from "@sections/PayBuilder/provider/CartContext";
import { ThemeWrapper } from "@theme/v2/Provider";
import { handlerCallback } from "@utils/global";
import "assets/fonts/GiveWhyte/stylesheet.css";
import FeatureFlagProvider from "FeatureFlags/FeatureFlagProvider";
import "react-placeholder/lib/reactPlaceholder.css";
import { QueryClient, QueryClientProvider } from "react-query";
import "./localization/index";
import "./modals";
import "./sentryInit";
window.addEventListener("error", handlerCallback);
window.addEventListener("unhandledrejection", handlerCallback);
const queryClient = new QueryClient({
defaultOptions: {
queries: {
notifyOnChangeProps: "tracked",
refetchOnWindowFocus: false,
},
},
});
const root = document.getElementById("root");
ReactDOM.render(
<QueryClientProvider client={queryClient}>
<BrowserRouter
future={{
v7_relativeSplatPath: true,
v7_startTransition: true,
}}
>
<ReactReduxProvider>
<FeatureFlagProvider>
<ThemeProvider theme={theme}>
<ThemeWrapper isFeatureFlagBound>
<LocalizationProvider dateAdapter={AdapterDateFns}>
<ResetActionProvider>
{/* <ReactQueryDevtools initialIsOpen={false} /> */}
<CssBaseline />
<CustomThemeProvider>
<FileUploadProvider>
<MaintenanceBanner />
<CartProvider>
<MasqueradeSnackbar />
<App />
</CartProvider>
</FileUploadProvider>
</CustomThemeProvider>
<Toast />
</ResetActionProvider>
</LocalizationProvider>
</ThemeWrapper>
</ThemeProvider>
</FeatureFlagProvider>
</ReactReduxProvider>
</BrowserRouter>
</QueryClientProvider>,
root,
);
// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
|