From e448d0d4f7f3bd99ff5440930ce78d69874aa7b1 Mon Sep 17 00:00:00 2001
From: Ward Oosterlijnck <wardoosterlijnck@gmail.com>
Date: Sun, 31 Mar 2019 13:06:31 +1100
Subject: [PATCH] Align useAsync and useAsyncRetry demos

---
 src/__stories__/useAsync.story.tsx      |  6 ++++--
 src/__stories__/useAsyncRetry.story.tsx | 12 ++++++------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/__stories__/useAsync.story.tsx b/src/__stories__/useAsync.story.tsx
index 84ed0eaff4..ee68514dce 100644
--- a/src/__stories__/useAsync.story.tsx
+++ b/src/__stories__/useAsync.story.tsx
@@ -10,13 +10,15 @@ const fn = () => new Promise<string>((resolve) => {
 });
 
 const Demo = () => {
-  const {loading, value} = useAsync<string>(fn);
+  const {loading, error, value} = useAsync<string>(fn);
 
   return (
     <div>
       {loading
         ? <div>Loading...</div>
-        : <div>Value: {value}</div>
+        : error
+          ? <div>Error: {error.message}</div>
+          : <div>Value: {value}</div>
       }
     </div>
   );
diff --git a/src/__stories__/useAsyncRetry.story.tsx b/src/__stories__/useAsyncRetry.story.tsx
index 38b2985724..c6248b02e0 100644
--- a/src/__stories__/useAsyncRetry.story.tsx
+++ b/src/__stories__/useAsyncRetry.story.tsx
@@ -19,13 +19,13 @@ const DemoRetry = () => {
 
   return (
     <div>
-      {loading?
-        <div>Loading...</div>
-        : error?
-        <div>Error: {error.message}</div>
-        : <div>Value: {value}</div>
+      {loading
+        ? <div>Loading...</div>
+        : error
+          ? <div>Error: {error.message}</div>
+          : <div>Value: {value}</div>
       }
-      <a href='javascript:void 0' onClick={() => retry()}>Retry</a>
+      <button onClick={() => retry()}>Retry</button>
     </div>
   );
 };