Warning: Received `true` for a non-boolean attribute `overflow`.

[raaymax]

This issue pertains to the following package(s):

• GraphQL Playground React

What OS and OS version are you experiencing the issue(s) on?

MacOS X Mojave 10.14.1 (18B75)

What version of graphql-playground(-electron/-middleware) are you experiencing the issue(s) on?

graphql-playground-react 10.14.1 (18B75)
styled-components@4.1.1

What is the expected behavior?

no warning

What is the actual behavior?

index.js:2178 Warning: Received `true` for a non-boolean attribute `overflow`.

If you want to write it to the DOM, pass a string instead: overflow="true" or overflow={value.toString()}.
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in ColumnDoc (created by GraphDocs)
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in GraphDocs (created by Connect(GraphDocs))
    in Connect(GraphDocs) (created by GraphQLEditor)
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in Unknown (created by GraphQLEditor)
    in GraphQLEditor (created by Connect(GraphQLEditor))
    in Connect(GraphQLEditor) (created by Playground)
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in Playground (created by Connect(Playground))
    in Connect(Playground) (created by PlaygroundWrapper)
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in ThemeProvider (created by PlaygroundWrapper)
    in div (created by PlaygroundWrapper)
    in PlaygroundWrapper (created by Connect(PlaygroundWrapper))
    in Connect(PlaygroundWrapper) (at GQLPlayground.js:32)
    in Query (at PrivateRoute.js:35)
    in ProtectedRoute (at PrivatePage.js:11)
    in PrivatePage (at GQLPlayground.js:31)
    in Provider (at GQLPlayground.js:30)
    in div (created by Context.Consumer)
    in StyledComponent (created by styled.div)
    in GqlPlayground (created by LoadableComponent)
    in LoadableComponent (at graphql.js:13)
    in Unknown (at _app.js:26)
    in PageLoader (at Page.js:13)
    in div (at Page.js:11)
    in Page (at _app.js:25)
    in ApolloProvider (at _app.js:24)
    in Container (at _app.js:23)
    in SecretApp (created by WithApollo(SecretApp))
    in WithApollo(SecretApp)

What steps may we take to reproduce the behavior?

install those versions of packages and use playground as react component

Please provide a gif or image of the issue for a quicker response/fix.

Probably simplest solution would be just change name of property in DocExplorer/ColumnDoc.tsx from overflow to lets say verticalScroll or something like that.