module-federation-examples/version-discrepancy/app1/src/App.js at random-next.js · projectcss/module-federation-examples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import { VERSION, nth } from "lodash";

import React from "react";

const RemoteExample = React.lazy(() => import("app2/Example"));

const App = () => {
  return (
    <div>
      <h1>App 1 Host</h1>
      <p>Lodash v{VERSION}</p>
      <p>
        <code>
          typeof lodash.nth
          <br />
          // => {typeof nth}
        </code>
        <br />
        <br />
        <em>
          (<code>lodash.nth</code> not available until lodash@4.11)
        </em>
      </p>
      <React.Suspense fallback="Loading Example">
        <RemoteExample />
      </React.Suspense>
    </div>
  );
};

export default App;