title: Warning: It looks like you're using the development build of the Firebase JS SDK
body: <p>I've integrated Firebase into my React.js app as such:
  <a href="https://firebase.google.com/docs/database/web/start" rel="noreferrer">https://firebase.google.com/docs/database/web/start</a></p>
  
  fire.js:
  
  <pre><code>import firebase from 'firebase'
  
  var config = {
    apiKey: "####",
    authDomain: "#",
    databaseURL: "#",
    projectId: "#",
    storageBucket: "#",
    messagingSenderId: "#"
  };
  var fire = firebase.initializeApp(config);
  export default fire;
  </code></pre>
  
  App.js:
  
  <pre><code>import fire from './fire';
  
  class App extends Component {
      componentWillMount(){
          let messagesRef = fire.database().ref('messages').orderByKey().limitToLast(100);
      }
  }
  </code></pre>
  
  <p>But now I'm getting this warning in the console:</p>
  
  <blockquote>
    <p>It looks like you're using the development build of the Firebase JS
    SDK. When deploying Firebase apps to production, it is advisable to
    only import the individual SDK components you intend to use.</p>
    
    <p>For the module builds, these are available in the following manner
    (replace  with the name of a component - i.e. auth, database,
    etc):</p>
    
    <p>CommonJS Modules: const firebase = require('firebase/app');
    require('firebase/');</p>
    
    <p>ES Modules: import firebase from 'firebase/app'; 
    import 'firebase/';</p>
  </blockquote>
  
  <p>How do I fix this warning?</p>
  
  <p>I have tried (in fire.js) changing this:</p>
  
  <pre><code>import firebase from 'firebase'
  </code></pre>
  
  <p>To this:</p>
  
  <pre><code>import firebase from 'firebase/app'
  </code></pre>
  
  <p>That results in this error:
  <a href="https://i.stack.imgur.com/tqT0Z.png" rel="noreferrer"><img src="https://i.stack.imgur.com/tqT0Z.png" alt="enter image description here"></a></p>