Move over to getDerivedStateFromProps in attribute item

src/components/AttributeItem/AttributeItem.jsx

@@ -58,11 +58,17 @@ export default class AttributeItem extends Component {
 
     state = {
         value: this.props.value,
+        persistedValue: this.props.value,
         picking: false,
     };
 
-    componentWillReceiveProps(nextProps) {
-        this.setState({value: nextProps.value, picking: false});
+    static getDerivedStateFromProps(nextProps, prevState) {
+        // Note that outside property updates have precedence over typed in fields.
+        if (nextProps.value !== prevState.persistedValue) {
+            return {value: nextProps.value, persistedValue: nextProps.value, picking: false}
+        }
+
+        return null;
     }
 
     onColorChange = (color) => {