old_contents: import React, { Suspense } from "react";
  import { Router, View } from "react-navi";
  import { ThemeProvider } from "emotion-theming";
  import { ColorModeProvider, useColorMode } from "@chakra-ui/core";
  import HelmetProvider from "react-navi-helmet-async";
  import { CSSReset } from "@chakra-ui/core";
  import { ConfigProvider } from "./lib/hooks/config";
  import { StoreProvider } from "./lib/hooks/store";
  import routes from "./routes";
  import theme from "./theme";
  import config from "./config";
  
  const App = () => {
    return (
      <HelmetProvider>
        <Router routes={routes}>
          <ConfigProvider config={config}>
            <StoreProvider>
              <ThemeProvider theme={theme}>
                <CSSReset />
                <ColorModeProvider>
                  <Suspense fallback={null}>
                    <View />
                  </Suspense>
                </ColorModeProvider>
              </ThemeProvider>
            </StoreProvider>
          </ConfigProvider>
        </Router>
      </HelmetProvider>
    );
  };
  
  export default App;
  
new_contents: import React, { Suspense } from "react";
  import { Router, View, NotFoundBoundary } from "react-navi";
  import HelmetProvider from "react-navi-helmet-async";
  import { ThemeProvider } from "./lib/theme";
  import routes from "./routes";
  import seeds from "./seeds";
  
  const App = () => {
    return (
      <HelmetProvider>
        <Router routes={routes} context={seeds}>
          <ThemeProvider>
            <Suspense fallback={null}>
              <View />
            </Suspense>
          </ThemeProvider>
        </Router>
      </HelmetProvider>
    );
  };
  
  export default App;
  
subject: simplify osaka app