example: remove __assign wrapping

Author: Timer

packages/react-scripts/template/src/CounterClass.js

@@ -29,5 +29,5 @@ export default class Counter extends Component {
   }
 }
 
-HFF = window.__assign(module, 'HFF', HOCFunction(CounterFunction));
+HFF = HOCFunction(CounterFunction);
 module.hot.accept(['./CounterFunction', './HOCFunction'], window.__invalidate);

packages/react-scripts/template/src/CounterFunction.js

@@ -5,42 +5,35 @@ let HFF;
 let Counter;
 let Fwd;
 
-Counter = window.__assign(
-  module,
-  'Counter',
-  memo(
-    memo(function Counter(props) {
-      const [value, dispatch] = useReducer((v, a) => {
-        return a === 'inc' ? v + 1 : v;
-      }, 0);
-      useLayoutEffect(() => {
-        const id = setInterval(() => dispatch('inc'), 1000);
-        return () => clearInterval(id);
-      }, []);
+Counter = memo(
+  memo(function Counter(props) {
+    const [value, dispatch] = useReducer((v, a) => {
+      return a === 'inc' ? v + 1 : v;
+    }, 0);
+    useLayoutEffect(() => {
+      const id = setInterval(() => dispatch('inc'), 1000);
+      return () => clearInterval(id);
+    }, []);
 
-      return (
-        <span>
-          {value}
-          {props.hocChild && (
-            <>
-              (inner HOC: <HFF /> {HFF.field})
-            </>
-          )}
-        </span>
-      );
-    })
-  )
+    return (
+      <span>
+        {value}
+        {props.hocChild && (
+          <>
+            (inner HOC: <HFF /> {HFF.field})
+          </>
+        )}
+      </span>
+    );
+  })
 );
-Fwd = window.__assign(
-  module,
-  'FWD',
-  forwardRef((props, ref) => (
-    <span ref={ref}>
-      <Counter {...props} />
-    </span>
-  ))
-);
-HFF = window.__assign(module, 'HFF', HOCFunction(Fwd));
+
+Fwd = forwardRef((props, ref) => (
+  <span ref={ref}>
+    <Counter {...props} />
+  </span>
+));
+HFF = HOCFunction(Fwd);
 
 module.hot.accept(['./HOCFunction'], window.__invalidate);
 

packages/react-scripts/template/src/Hello.js

@@ -36,22 +36,15 @@ export default function Hello() {
   );
 }
 
-LazyCC = window.__assign(
-  module,
-  'LazyCC',
-  lazy(() => import('./CounterClass'))
-);
-LazyCF = window.__assign(
-  module,
-  'LazyCF',
-  lazy(() => import('./CounterFunction'))
-);
-DblCC = window.__assign(module, 'DblCC', CounterClass);
-DblCF = window.__assign(module, 'DblCF', CounterFunction);
-HCC = window.__assign(module, 'HCC', HOCClass(CounterClass, 'red'));
-HCF = window.__assign(module, 'HCF', HOCClass(CounterFunction, 'orange'));
-HFC = window.__assign(module, 'HFC', HOCFunction(CounterClass, 'yellow'));
-HFF = window.__assign(module, 'HFF', HOCFunction(CounterFunction, 'green'));
+LazyCC = lazy(() => import('./CounterClass'));
+LazyCF = lazy(() => import('./CounterFunction'));
+
+DblCC = CounterClass;
+DblCF = CounterFunction;
+HCC = HOCClass(CounterClass, 'red');
+HCF = HOCClass(CounterFunction, 'orange');
+HFC = HOCFunction(CounterClass, 'yellow');
+HFF = HOCFunction(CounterFunction, 'green');
 module.hot.accept(
   ['./CounterFunction', './CounterClass', './HOCFunction', './HOCClass'],
   window.__invalidate