diff --git a/README.md b/README.md
index a521008..42c2c3d 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# CodeSandbox demo 
+# CodeSandbox Demo 
 
 ## Install dependencies
 
diff --git a/src/App.tsx b/src/App.tsx
index 2630429..6a267c5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -12,6 +12,10 @@ function App() {
           custom_template: { icon_url: string };
         }[];
       }
+    | {
+        state: "ERROR";
+        error: string;
+      }
   >({ state: "LOADING" });
 
   const fetchTemplates = async () => {
@@ -46,12 +50,14 @@ function App() {
           <br /> templates
         </h1>
 
-        <button
-          className="border-b-2 border-black font-bold pointer hover:border-b-4"
-          onClick={fetchTemplates}
-        >
-          Fetch templates
-        </button>
+        {state.state === "ERROR" && (
+          <button
+            className="border-b-2 border-black font-bold pointer hover:border-b-4"
+            onClick={fetchTemplates}
+          >
+            Retry
+          </button>
+        )}
       </div>
 
       <div className="h-[110px] pointer-events-none" />