Hi there,

Currently using MDBootstrap-React, and using typography component.

<MDBTypography tag="h4" variant="h4-responsive">{name}</MDBTypography>

Rendering of the typography component has no issue and all, but chrome is logging a warning on the console:

index.js:1 Warning: Received `false` for a non-boolean attribute `abbr`.

If you want to write it to the DOM, pass a string instead: abbr="false" or abbr={value.toString()}.

If you used to conditionally omit it with abbr={condition && value}, pass abbr={condition ? value : undefined} instead.
in h4 (created by Typography)
in Typography (at pid-compliance-summary-view.js:25)
in div (created by Container)
in Container (at pid-compliance-summary-view.js:24)
in RenderComponentCard (at pid-compliance-summary-view.js:38)
... 
in Router (created by BrowserRouter)
in BrowserRouter (at src/index.js:16)

and

Warning: React does not recognize the `abbrLeftText` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `abbrlefttext` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
in h4 (created by Typography)
in Typography (at pid-compliance-summary-view.js:25)
in div (created by Container)
in Container (at pid-compliance-summary-view.js:24)
in RenderComponentCard (at pid-compliance-summary-view.js:38)
...
in Switch (at app.js:9)
in App (at src/index.js:17)
in Router (created by BrowserRouter)
in BrowserRouter (at src/index.js:16)

I can remove the first warning (recieved false for non-bool attribute abbr) by adding props to the Typography component (abbr="false").

<MDBTypography tag="h4" variant="h4-responsive" abbr="false">{name}</MDBTypography>

but i'm not too sure how to remove the warning for abbrLeftText.

Please advise on how i can remove these warnings.

Thank you!