Loading screen is hanging: Cannot read properties of undefined (reading '_id')

I have an On-Prem instance of MongoDb charts 19.12.2 running (latest). It was working fine for a while but has just started hanging. It hangs on the loading screen with the waves, and if I look in a browser console I get the following callstack. I looked at the Docker install log and it is all ticks. I can’t see any errors anywhere.

Has anybody else seen this? How can I fix this please?

utils.js:225 uncaught at Wy TypeError: Cannot read properties of undefined (reading '_id')

    at http://server:8080/index.js?9334e99f26baab0a96bf:103:760462

    at http://server:8080/index.js?9334e99f26baab0a96bf:103:762384

    at dispatch (http://server:8080/vendor.js?9334e99f26baab0a96bf:60:13973)

    at http://server:8080/vendor.js?9334e99f26baab0a96bf:12:21799

    at http://server:8080/index.js?9334e99f26baab0a96bf:5:41924

    at o (http://server:8080/vendor.js?9334e99f26baab0a96bf:175:19406)

    at l (http://server:8080/vendor.js?9334e99f26baab0a96bf:175:19556)

    at a (http://server:8080/vendor.js?9334e99f26baab0a96bf:175:19455)

    at http://server:8080/index.js?9334e99f26baab0a96bf:5:41882

    at j (http://server:8080/index.js?9334e99f26baab0a96bf:5:42009)

D @ utils.js:225

M @ proc.js:210

(anonymous) @ proc.js:493

o @ scheduler.js:19

l @ scheduler.js:60

a @ scheduler.js:33

(anonymous) @ proc.js:486

j @ proc.js:435

L @ proc.js:315

_ @ proc.js:388

Promise.then (async)

B @ proc.js:450

(anonymous) @ proc.js:517

j @ proc.js:435

L @ proc.js:315

_ @ proc.js:388

(anonymous) @ proc.js:517

j @ proc.js:435

L @ proc.js:315

_ @ proc.js:388

R @ proc.js:356

e.cont @ proc.js:99

L @ proc.js:321

_ @ proc.js:388

(anonymous) @ proc.js:699

j @ proc.js:435

L @ proc.js:315

_ @ proc.js:388

R @ proc.js:356

e.cont @ proc.js:99

L @ proc.js:321

_ @ proc.js:388

(anonymous) @ proc.js:699

j @ proc.js:435

L @ proc.js:315

b @ proc.js:270

P @ proc.js:456

(anonymous) @ proc.js:517

j @ proc.js:435

L @ proc.js:315

b @ proc.js:270

P @ proc.js:456

(anonymous) @ proc.js:517

j @ proc.js:435

L @ proc.js:315

_ @ proc.js:388

(anonymous) @ proc.js:699

j @ proc.js:435

L @ proc.js:315

_ @ proc.js:388

(anonymous) @ proc.js:499

o @ scheduler.js:19

l @ scheduler.js:60

a @ scheduler.js:33

(anonymous) @ proc.js:486

j @ proc.js:435

L @ proc.js:315

_ @ proc.js:388

Promise.then (async)

B @ proc.js:450

(anonymous) @ proc.js:517

j @ proc.js:435

L @ proc.js:315

_ @ proc.js:388

(anonymous) @ proc.js:499

o @ scheduler.js:19

l @ scheduler.js:60

a @ scheduler.js:33

(anonymous) @ channel.js:185

emit @ channel.js:26

(anonymous) @ middleware.js:67

(anonymous) @ errors-middleware.js:25

(anonymous) @ metrics-middleware.js:84

(anonymous) @ middleware.js:13

f @ persistStore.js:58

S @ persistReducer.js:54

(anonymous) @ persistReducer.js:79

Promise.then (async)

(anonymous) @ persistReducer.js:78

Promise.then (async)

(anonymous) @ persistReducer.js:74

(anonymous) @ combineReducers.js:120

yC @ root.js:59

g @ createStore.js:165

(anonymous) @ middleware.js:66

(anonymous) @ errors-middleware.js:25

(anonymous) @ metrics-middleware.js:84

(anonymous) @ middleware.js:13

persist @ persistStore.js:93

C @ persistStore.js:97

(anonymous) @ store.js:50

a @ bootstrap:79

n @ bootstrap:45

(anonymous) @ bootstrap:152

(anonymous) @ bootstrap:152

Show 27 more frames

This appears to a problem with CSS via the “emotion” library. or its usage.

The login screen successfully renders and is functional. I can log in to my mongo charts account, but then once authenticated and the http://SITE/mongodb-charts-meris/dashboards tries to render, it hangs on the loading screen with the above message and callstack.

It appears to be happening rendering the React generated dashboard. It is also non-deterministic.

I’ve tried logging in as a couple of different users and still get this use. I’ve tried Edge and Chrome (both Webkit I think, and get this with both).

I don’t understand why it was working and then broke last week for no apparent reason.