diff --git a/src/templates/ReferenceTemplate.js b/src/templates/ReferenceTemplate.js
index 61ecd8e31..095602443 100644
--- a/src/templates/ReferenceTemplate.js
+++ b/src/templates/ReferenceTemplate.js
@@ -31,15 +31,19 @@ const ReferenceTemplate = ({ data }) => {
           isOpen={isOpen}
           toggle={() => setIsOpen(!isOpen)}
         />
-        <main className={styles.content}>
-          <h1>{component}</h1>
+        {loaded ? (
+          <main className={styles.content}>
+            <h1>{component}</h1>
 
-          {componentData && componentData.__docs__ && (
-            <div className={styles.description}>
-              <ReactMarkdown source={componentData.__docs__.text} />
-            </div>
-          )}
-        </main>
+            {componentData && componentData.__docs__ && (
+              <div className={styles.description}>
+                <ReactMarkdown source={componentData.__docs__.text} />
+              </div>
+            )}
+          </main>
+        ) : (
+          <p>Loading...</p>
+        )}
       </Container>
     </Layout>
   );