return to original code

packages/app/src/components/UnstatedUtils.tsx

@@ -2,12 +2,8 @@
 
 import React from 'react';
 
-import { Subscribe, Provider } from 'unstated';
+import { Subscribe } from 'unstated';
 
-import AppContainer from '~/client/services/AppContainer';
-
-const appContainer = new AppContainer();
-appContainer.initApp();
 
 /**
  * generate K/V object by specified instances
@@ -51,14 +47,12 @@ function generateAutoNamedProps(instances) {
 export function withUnstatedContainers<T, P>(Component, containerClasses): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> {
   const unstatedContainer = React.forwardRef<T, P>((props, ref) => (
     // wrap with <Subscribe></Subscribe>
-    <Provider inject={[appContainer]}>
-      <Subscribe to={containerClasses}>
-        { (...containers) => {
-          const propsForContainers = generateAutoNamedProps(containers);
-          return <Component {...props} {...propsForContainers} ref={ref} />;
-        }}
-      </Subscribe>
-    </Provider>
+    <Subscribe to={containerClasses}>
+      { (...containers) => {
+        const propsForContainers = generateAutoNamedProps(containers);
+        return <Component {...props} {...propsForContainers} ref={ref} />;
+      }}
+    </Subscribe>
   ));
   unstatedContainer.displayName = 'unstatedContainer';
   return unstatedContainer;