import * as React from "react" ; import { FirestoreProvider } from "../../../apps/repository/js/FirestoreProvider" ; import { ActiveKeyboardShortcuts } from "../hotkeys/ActiveKeyboardShortcuts" ; import { UserInfoProvider } from "../apps/repository/auth_handler/UserInfoProvider" ; import { BrowserTabsStoreProvider } from "../browser_tabs/BrowserTabsStore" ; import { MUIAppRoot } from "./MUIAppRoot" ; import { SideNavStoreProvider } from "../sidenav/SideNavStore" ; interface IProps { readonly children : React . ReactNode ; } export const MUIRepositoryRoot = React . memo ( function MUIRepositoryRoot ( props ) { return ( < MUIAppRoot > < SideNavStoreProvider > < BrowserTabsStoreProvider > < > < ActiveKeyboardShortcuts /> < FirestoreProvider > < UserInfoProvider > < > { props . children } < /> < /UserInfoProvider> < /FirestoreProvider> < /> < /BrowserTabsStoreProvider> < /SideNavStoreProvider> < /MUIAppRoot>); } ) ;