fix(js): should properly update styles (#4413)

* fix(js): should properly update styles

* fix(js): use safer validation logic for style

---------

Co-authored-by: OpenHippy <[email protected]>

Author: situ2001

driver/js/packages/hippy-react/src/dom/element-node.ts

@@ -485,9 +485,14 @@ class ElementNode extends ViewNode {
       {
         match: () => ['style'].indexOf(key) >= 0,
         action: () => {
-          if (typeof value !== 'object' || value === undefined || value === null) {
+          const isArray = Array.isArray(value);
+          const isObject = typeof value === 'object' && value !== null;
+          const isUndefined = typeof value === 'undefined';
+
+          if (!(isArray || isObject || isUndefined)) {
             return true;
           }
+
           this.setStyleAttribute(value);
           const inheritProperties = ['color', 'fontSize', 'fontWeight', 'fontFamily', 'fontStyle', 'textAlign', 'lineHeight'];
           const needInherit = inheritProperties.some(prop => Object.prototype.hasOwnProperty.call(value, prop));