Changed property name to remove warning (#895)

Some issue with styled-components is causing warning message
graphql · Dec 6, 2018 · 740a66b · 740a66b
1 parent fcbee91
commit 740a66b
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/graphql-playground-react/src/components/Playground/DocExplorer/ColumnDoc.tsx b/packages/graphql-playground-react/src/components/Playground/DocExplorer/ColumnDoc.tsx
@@ -14,7 +14,7 @@ const ColumnDoc = ({
   width = columnWidth,
 }: Props) => {
   return (
-    <Column style={{ width }} overflow={overflow}>
+    <Column style={{ width }} verticalScroll={overflow}>
       {children}
     </Column>
   )
@@ -23,7 +23,7 @@ const ColumnDoc = ({
 export default ColumnDoc
 
 interface ColumnProps {
-  overflow: boolean
+  verticalScroll: boolean
 }
 
 const Column = styled<ColumnProps, 'div'>('div')`
@@ -32,6 +32,6 @@ const Column = styled<ColumnProps, 'div'>('div')`
   flex-flow: column;
   padding-bottom: 20px;
   border-right: 1px solid ${p => p.theme.colours.black10};
-  overflow-x: ${p => (p.overflow ? 'hidden' : 'auto')}
-  overflow-y: ${p => (p.overflow ? 'scroll' : 'auto')}
+  overflow-x: ${p => (p.verticalScroll ? 'hidden' : 'auto')}
+  overflow-y: ${p => (p.verticalScroll ? 'scroll' : 'auto')}
 `