Error Trying to Manage Grey Fields in Section Forms

Dear All,
We have this issue trying to manage grey fields in all our section forms. This error is seen in sections that have more than 1 category option combination in the section. One of them will load initially and the others will refuse to load and even cause the screen to become unresponsive.

This is what we saw in the browser console:
GreyFieldDialog.component.js:239 Uncaught TypeError: Cannot read property ‘ZPJopxf07x4’ of undefined
at e (GreyFieldDialog.component.js:239)
at e (GreyFieldDialog.component.js:239)
at e (GreyFieldDialog.component.js:239)
at t.value (GreyFieldDialog.component.js:239)
at GreyFieldDialog.component.js:320
at Array.map ()
at GreyFieldDialog.component.js:320
at Array.map ()
at t.value (GreyFieldDialog.component.js:315)
at t.value (GreyFieldDialog.component.js:397)
at p._renderValidatedComponentWithoutOwnerOrContext (ReactCompositeComponent.js:799)
at p._renderValidatedComponent (ReactCompositeComponent.js:822)
at p._updateRenderedComponent (ReactCompositeComponent.js:746)
at p._performComponentUpdate (ReactCompositeComponent.js:724)
at p.updateComponent (ReactCompositeComponent.js:645)
at p.receiveComponent (ReactCompositeComponent.js:547)
at Object.receiveComponent (ReactReconciler.js:125)
at Object.updateChildren (ReactChildReconciler.js:109)
at h._reconcilerUpdateChildren (ReactMultiChild.js:213)
at h._updateChildren (ReactMultiChild.js:312)
at h.updateChildren (ReactMultiChild.js:299)
at h._updateDOMChildren (ReactDOMComponent.js:936)
at h.updateComponent (ReactDOMComponent.js:754)
at h.receiveComponent (ReactDOMComponent.js:716)
at Object.receiveComponent (ReactReconciler.js:125)
at p._updateRenderedComponent (ReactCompositeComponent.js:754)
at p._performComponentUpdate (ReactCompositeComponent.js:724)
at p.updateComponent (ReactCompositeComponent.js:645)
at performUpdateIfNecessary (ReactCompositeComponent.js:561)
at Object.performUpdateIfNecessary (ReactReconciler.js:157)
at s (ReactUpdates.js:150)
at r.perform (Transaction.js:140)
at o.perform (Transaction.js:140)
at o.perform (ReactUpdates.js:89)
at Object.w [as flushBatchedUpdates] (ReactUpdates.js:172)
at r.closeAll (Transaction.js:206)
at r.perform (Transaction.js:153)
at Object.batchedUpdates (ReactDefaultBatchingStrategy.js:62)
at Object.i [as batchedUpdates] (ReactUpdates.js:97)
at dispatchEvent (ReactEventListener.js:147)

We have not been able to complete our updates to our mobile deployment using the DHIS2 data capture app because of this issue.
In the past, this was not an issue and managing grey sections worked just fine. We first noticed on version 2.29 and now we are running version 2.31.5.

We have not been able to reproduce this on the demo site and on any other instance but we have this issue on all our instances that share the same meta data.

We kindly request your assistance with this issue.

Thank you.

1 Like

Hello. Anyone who can help us with this?

1 Like

Hi @ifeanyiokoye, tagging the @dhis2-apps team to have a look and advise on what might be the issue here…

1 Like

Thank you @jomutsani

1 Like