title: Component export errors using '@fluentui/react', but works with 'office-ui-fabric-react'
body: <p>Trying to get started with Microsoft's Fluent UI, but for some reason I'm getting errors that every component is not exported from the library.</p>
  
  <p>Following the "Get Started"</p>
  
  <ul>
  <li><code>npx create-react-app my-app</code></li>
  <li><code>cd my-app</code></li>
  <li><code>npm install @fluentui/react</code></li>
  </ul>
  
  <h3>Package.json</h3>
  
  <pre><code>"dependencies": {
  ...
   "@fluentui/react": "^7.111.1", // Note: office-ui-fabric is NOT a specified dependency
  ...
  }
  </code></pre>
  
  <h3>App.js</h3>
  
  <pre><code>import React from 'react';
  
  // Here I have tried 5 ways of doing the import, the first 4 are errors
  
  // #1, from https://developer.microsoft.com/en-us/fluentui#/get-started
  import { PrimaryButton } from '@fluentui/react';
  
  // #2,3,4 are from https://github.com/microsoft/fluentui#integrating-in-your-project
  // #2
  import { PrimaryButton } from '@fluentui/react/lib/Button';
  // #3
  import { PrimaryButton } from '@fluentui/react/lib-amd/Button';
  // #4
  import { PrimaryButton } from '@fluentui/react/lib-commonjs/Button';
  
  // #5, works with ESLint errors that this package is not a specified dependency
  import { PrimaryButton } from 'office-ui-fabric-react'
  
  function App() {
    return (
      &lt;div className="App"&gt;
        &lt;PrimaryButton&gt;I am a button.&lt;/PrimaryButton&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>
  
  <p>Here are the errors I'm getting following each of the different imports:</p>
  
  <ol>
  <li><code>./src/App.js Attempted import error: 'PrimaryButton' is not exported from '@fluentui/react'.</code></li>
  </ol>
  
  <p>2, 3, 4. <code>Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.</code></p>
  
  <ol start="5">
  <li>Works with an expected linter warning. I'm super confused why the Get Started is importing from <code>@fluentui/react</code> and the docs contradict that by saying to import from <code>office-ui-fabric-react</code></li>
  </ol>
  
  <p>So my questions are:</p>
  
  <ol>
  <li>Why does <code>import { PrimaryButton } from '@fluentui/react'</code> not work, but <code>import { PrimaryButton } from 'office-ui-fabric-react';</code> does? </li>
  <li>Is there a global install I'm missing?</li>
  <li>Why does the Get Started install <code>@fluentui/react</code> when all the starter templates use a version of <code>office-ui-fabric-react</code> as a dependency?</li>
  </ol>
  
  <p>It also looks like doing <code>yarn add office-ui-fabric-react</code> will install <code>"office-ui-fabric-react": "^7.111.1"</code>. So I'm curious if that is the more correct approach?</p>