feat: notify apollo error on screen.

src/index.tsx

@@ -4,48 +4,30 @@ import "./index.css";
 import "fontsource-roboto";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
-import { createApolloClient } from "./commons/graphql/client";
-import { ApolloProvider } from "@apollo/client";
+import { FennecApolloClientProvider } from "./commons/graphql/client";
 import { MuiPickersUtilsProvider } from "@material-ui/pickers";
 import DateFnsUtils from "@date-io/date-fns";
 import zhLocale from "date-fns/locale/zh-CN";
-import { createRouterComponent } from "@curi/react-dom";
-import { createRouter, announce } from "@curi/router";
-import { browser } from "@hickory/browser";
-import routes from "./routes";
-import { ConfirmProvider } from 'material-ui-confirm';
-import { SnackbarProvider } from 'notistack';
+import { ConfirmProvider } from "material-ui-confirm";
+import { SnackbarProvider } from "notistack";
+import Router from './commons/route/router';
 
-const client = createApolloClient();
-
-const router = createRouter(browser, routes, {
-  sideEffects: [
-    announce(({ response }) => {
-      return `Navigated to ${response.location.pathname}`;
-    }),
-  ],
-  external: { client }
-});
-const Router = createRouterComponent(router);
-
-router.once(() => {
   ReactDOM.render(
     <React.StrictMode>
       <ConfirmProvider>
         <SnackbarProvider maxSnack={5}>
-          <ApolloProvider client={client}>
+          <FennecApolloClientProvider>
             <MuiPickersUtilsProvider utils={DateFnsUtils} locale={zhLocale}>
               <Router>
                 <App />
               </Router>
             </MuiPickersUtilsProvider>
-          </ApolloProvider>
+          </FennecApolloClientProvider>
         </SnackbarProvider>
       </ConfirmProvider>
     </React.StrictMode>,
     document.getElementById("root")
   );
-});
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))