From 2b6f8e882bdaae3541a351e984db784a668c9a65 Mon Sep 17 00:00:00 2001
From: Shelley Cincotta <48364688+shelcindra@users.noreply.github.com>
Date: Thu, 2 Apr 2020 14:21:29 -0400
Subject: [PATCH] Quickstart:  Add SuspenseWithPerf import (#244)

* Update import step to add SuspenseWithPerf

* Added review comment: Use function component term

* Corrected import terminology
---
 docs/quickstart.md | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/docs/quickstart.md b/docs/quickstart.md
index 9ec6662..3b8cb57 100644
--- a/docs/quickstart.md
+++ b/docs/quickstart.md
@@ -74,9 +74,10 @@ npm install --save firebase reactfire
 
 1. _Continue to Console_
 
-## 5. Add Firebase to `src/index.js` 
+## 5. Add Firebase to `index.js` 
+> Open the src directory and add code to index.js as described below.
 
-1. Import Firebase and ReactFire
+1. Import from ReactFire
 
    ```js
    //...
@@ -108,13 +109,14 @@ npm install --save firebase reactfire
    //...
    ```
 
-## 6. Modify `src/App.js`
+## 6. Add the Burrito() function component to `App.js`
+> Open the src directory and add code to App.js as described below.
 
-1. Import the `useFirestoreDocData` and `useFirestore` hooks
+1. Import from ReactFire
 
    ```js
    //...
-   import { useFirestoreDocData, useFirestore } from 'reactfire';
+   import { useFirestoreDocData, useFirestore, SuspenseWithPerf} from 'reactfire';
    //...
    ```