Add context to project root

src/hooks/useBackgroundTask.ts

@@ -0,0 +1,6 @@
+import BackgroundTasksContext from "@saleor/containers/BackgroundTasks/context";
+import { useContext } from "react";
+
+const useBackgroundTask = useContext(BackgroundTasksContext);
+
+export default useBackgroundTask;

src/index.tsx

@@ -35,6 +35,7 @@ import { WindowTitle } from "./components/WindowTitle";
 import { API_URI, APP_MOUNT_URI, GTM_ID } from "./config";
 import ConfigurationSection, { createConfigurationMenu } from "./configuration";
 import AppStateProvider from "./containers/AppState";
+import BackgroundTasksProvider from "./containers/BackgroundTasks";
 import { CustomerSection } from "./customers";
 import DiscountSection from "./discounts";
 import HomePage from "./home";
@@ -135,11 +136,13 @@ const App: React.FC = () => {
           <DateProvider>
             <LocaleProvider>
               <MessageManager>
+                <BackgroundTasksProvider>
                   <AppStateProvider>
                     <ShopProvider>
                       <Routes />
                     </ShopProvider>
                   </AppStateProvider>
+                </BackgroundTasksProvider>
               </MessageManager>
             </LocaleProvider>
           </DateProvider>