GPCC 6.16 Page Errors: Incompatibility with lower version Chrome

Products

• VMware Tanzu Data Suite
• VMware Tanzu Greenplum
• VMware Tanzu Greenplum / Gemfire
• VMware Tanzu Data Suite
• VMware Tanzu Data
• VMware Tanzu Data Intelligence

Issue/Introduction

Users accessing Greenplum Command Center (GPCC) version 6.16 may encounter persistent rendering errors or functional failures on the following pages:

- Table Browser
- Cluster Realtime Status
- Storage Usage

These errors typically manifest as an "Unexpected Application Error" notification on the user interface, preventing the display of cluster metrics and table data.

The exact error on browser page:

Unexpected Application Error!
Cannot add property 2, object is not extensible
TypeError: Cannot add property 2, object is not extensible
    at Array.push (http://127.0.0.1:28080/static/assets/main.js?vers=6.16.1:24:5373)
    at Grid.updateGridHeight (http://127.0.0.1:28080/static/assets/main.js?vers=6.16.1:121:9595)
    at Grid.componentDidMount (http://127.0.0.1:28080/static/assets/main.js?vers=6.16.1:121:9004)
    at kk (http://127.0.0.1:28080/static/assets/vendor.lib.js?vers=6.16.1:37:100400)
    at ik (http://127.0.0.1:28080/static/assets/vendor.lib.js?vers=6.16.1:37:100185)
    at hk (http://127.0.0.1:28080/static/assets/vendor.lib.js?vers=6.16.1:37:99729)
    at Wk (http://127.0.0.1:28080/static/assets/vendor.lib.js?vers=6.16.1:37:111435)
    at Pk (http://127.0.0.1:28080/static/assets/vendor.lib.js?vers=6.16.1:37:111951)
    at Gk (http://127.0.0.1:28080/static/assets/vendor.lib.js?vers=6.16.1:37:104469)
    at J (http://127.0.0.1:28080/static/assets/vendor.lib.js?vers=6.16.1:28:1366)

Environment

GPCC 6.16

Lower version Chrome, e.g: Chrome 87

Cause

The method updateGridHeight() in the GPCC frontend attempts to use Array.push() to add a stylesheet to the adoptedStyleSheets object.

• The Conflict: In older Chrome versions (like v87), the adoptedStyleSheets array was implemented as a frozen (non-extensible) object to strictly enforce web standards.
• The Result: When the code tries to "push" data into this frozen array, the browser throws the TypeError: Cannot add property, object is not extensible and crashes the UI.

Resolution

To resolve these page errors, users must use a modern, supported browser. Broadcom recommends using Google Chrome version 100 or higher.