#Toast component => React does not recognize the `isBottom` prop on a DOM element.

Problem:

The following warning message is logged into the console each time a new Toast component instance is created:

Warning:` React does not recognize the `isBottom` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `isbottom` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

    in div (created by SystemComponent)
    in SystemComponent (created by Styled(Styled(SystemComponent)))
    in Styled(Styled(SystemComponent)) (created by Message)
    in ThemeProvider (created by Message)
    in div (created by Alert)
    in Component (created by Alert)
    in Alert (created by Message)
    in div (created by ForwardRef)
    in ForwardRef (created by Message)
    in div (created by ForwardRef)
    in ForwardRef (created by Message)
    in Message (created by ToastManager)
    in span (created by ToastManager)
    in ToastManager

Solution: Filtering props passed to the component with the #shouldForwardProp() method is probably expected.

[theo-mesnil]

Ok, we will release very soon the new version of welcome ui (2.0) who fix this issue, you can install the alpha now (is stable), v2.0.0-alpha.28 or less depends of component.

Check the changelog here https://github.com/WTTJ/welcome-ui/releases/tag/v2.0.0-alpha.20

[theo-mesnil]

Thanks ! Have a nice day !