fix(docz): resolve react warnings in ErrorReporter (#465)

- `div` is invalid descendent of `p` - no keys on mapped children
doczjs · Nov 23, 2018 · 1b0e09d · 1b0e09d
1 parent ae02f01
commit 1b0e09d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/docz/src/components/ErrorBoundary.tsx b/packages/docz/src/components/ErrorBoundary.tsx
@@ -30,6 +30,8 @@ const styles: StylesMap = {
   stack: {
     display: 'flex',
     flexDirection: 'column',
+    marginBottom: '1em',
+    marginTop: '1em',
   },
 }
 
@@ -40,11 +42,11 @@ const ErrorReporter: SFC<ErrorBoundaryRP> = ({ error, componentStack }) => (
       {error && <div>{error.message}</div>}
       <h2 style={styles.subtitle}>Stack trace</h2>
       {componentStack && (
-        <p style={styles.stack}>
+        <div style={styles.stack}>
           {componentStack.split('\n').map(str => (
-            <div>{str}</div>
+            <div key={str}>{str}</div>
           ))}
-        </p>
+        </div>
       )}
     </div>
   </div>