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

[David Gomez]

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.

[Sitar Kortik]

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?

[James Pham]

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