1 files changed, 19 insertions, 6 deletions

diff --git a/uidev/src/stories/textarea.stories.tsx b/uidev/src/stories/textarea.stories.tsx
index 09b9fef70..1ab21820b 100644
--- a/uidev/src/stories/textarea.stories.tsx
+++ b/uidev/src/stories/textarea.stories.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { v4 as uuid } from 'uuid';
+import uuid from 'uuid/v4';
 
 import { Textarea } from '@meetfranz/forms';
 import { storiesOf } from '../stores/stories';
@@ -11,8 +11,7 @@ const defaultProps = () => {
     id: `test-${id}`,
     name: `test-${id}`,
     rows: 5,
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
-      console.log('changed event', e),
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log('changed event', e),
   };
 };
 
@@ -23,8 +22,22 @@ storiesOf('Textarea')
       // placeholder="Placeholder text"
     />
   ))
-  .add('10 rows', () => <Textarea {...defaultProps()} rows={10} />)
+  .add('10 rows', () => (
+    <Textarea
+      {...defaultProps()}
+      rows={10}
+    />
+  ))
   .add('With error', () => (
-    <Textarea {...defaultProps()} error="This is a generic error message." />
+    <Textarea
+      {...defaultProps()}
+      error="This is a generic error message."
+    />
   ))
-  .add('Disabled', () => <Textarea {...defaultProps()} rows={2} disabled />);
+  .add('Disabled', () => (
+    <Textarea
+      {...defaultProps()}
+      rows={2}
+      disabled
+    />
+  ));