Warning: Updating a style property during rerender (borderColor) when a conflicting property is set (border) can lead to styling bugs

Question

I am getting the following error

Warning: Updating a style property during rerender (borderColor) when a conflicting property is set (border) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values. in div (created by Dropdown) in div (created by Dropdown) in Dropdown (created by MultiSelect) in div (created by MultiSelect)

https://github.com/Khan/react-multi-select

How can I avoid this error?

Answer 1

It's just telling you to replace the border style property with the complete set of property to style borders, that is borderWidth, borderStyle, borderColor