chore: firebase imports

src/index.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { render } from 'react-dom';
 import 'normalize.css';
 import { GlobalStyles } from './global-styles';
 import { App } from './app';
-import { firebase } from './lib/firebase';
+import { firebase } from './lib/firebase.prod';
 import { FirebaseContext } from './context/firebase';
 
-ReactDOM.render(
+render(
   <React.StrictMode>
     <FirebaseContext.Provider value={{ firebase }}>
       <GlobalStyles />

src/lib/firebase.prod.js

@@ -2,6 +2,7 @@ import Firebase from 'firebase/app';
 import 'firebase/firestore';
 import 'firebase/auth';
 
+// 1) when seeding the database you'll have to uncomment this!
 // import { seedDatabase } from '../seed';
 
 const config = {
@@ -15,6 +16,8 @@ const config = {
 };
 
 const firebase = Firebase.initializeApp(config);
+// 2) when seeding the database you'll have to uncomment this!
 // seedDatabase(firebase);
+// 3) once you have populated the database (only run once!), re-comment this so you don't get duplicate data
 
 export { firebase };