Received `true` for a non-boolean attribute `active`.

[davegomez]

I get this warning when trying to use MDX to start and build the project (this happens even with an empty index.mdx file).

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

If you want to write it to the DOM, pass a string instead: active="true" or active={value.toString()}.
    in div
    in Clean.div
    in div
    in Box
    in Clean.div
    in div
    in Box
    in div
    in Container
    in Unknown
    in Catch
    in Route
    in Switch
    in DefaultApp
    in Unknown
    in Route
    in withRouter()
    in Catch
    in Unknown
    in Unknown
    in MDXProvider
    in Unknown
    in ScopeProvider
    in Unknown
    in div
    in Clean.div
    in div
    in Root
    in ThemeProvider
    in Rebass.Provider
    in Unknown
    in Router
    in StaticRouter
    in Root

I assume is somehow related with styled components.

[ipa-swk]

When I build the docs folder as x0 build docs, I get the same warning below:

building static siteWarning: Received true for a non-boolean attribute active. If you want to write it to the DOM, pass a string instead: active="true" or active={value.toString()}. in div in ForwardRef in Context.Consumer in Context.Consumer in StyledComponent in Box in ForwardRef in Context.Consumer in Context.Consumer in StyledComponent in Container in Unknown in Catch in Route in Switch in DefaultApp in Unknown in Route in withRouter() in Catch in Fragment in Context.Provider in MDXProvider in Context.Provider in ScopeProvider in Unknown in div in ForwardRef in Context.Consumer in Context.Consumer in StyledComponent in Root in Context.Provider in Context.Consumer in ThemeProvider in Rebass.Provider in Fragment in Router in StaticRouter in Root

Any suggestions?

[qlong1717]

Because a non-boolean attribute active need to set true or false, but true is the default, that just warned you a value is true by the default. So you need to set it to true or false and it will not show again. for example: //set it to false