diff --git a/src/templates/ReferenceTemplate.js b/src/templates/ReferenceTemplate.js
index d26327446..08ee6d316 100644
--- a/src/templates/ReferenceTemplate.js
+++ b/src/templates/ReferenceTemplate.js
@@ -25,12 +25,14 @@ const ReferenceTemplate = ({ data }) => {
   const { mdx } = data;
   const { frontmatter } = mdx;
   const { title, description, component } = frontmatter;
+  const componentDoc = useComponentDoc(component);
+
   const {
-    examples,
+    examples = [],
     description: componentDescription,
-    methods,
-    usage,
-  } = useComponentDoc(component);
+    methods = [],
+    usage = '',
+  } = componentDoc ?? {};
 
   return (
     <Layout>