ungoogled-chromium: Minified React error #185 in Grafana when clicking on dropdown input fields

OS/Platform

Debian, Ubuntu, and derivatives

Installed

Flatpak

Version

Version 114.0.5735.106 (Official Build, ungoogled-chromium) (64-Bit)

Have you tested that this is not an upstream issue or an issue with your configuration?

  • I have tried reproducing this issue in Chrome and it could not be reproduced there
  • I have tried reproducing this issue in vanilla Chromium and it could not be reproduced there
  • I have tried reproducing this issue in ungoogled-chromium with a new and empty profile and it could not be reproduced there

Description

When clicking on a dropdown in grafana, react crashes

How to Reproduce?

See https://github.com/grafana/grafana/issues/69324, https://github.com/grafana/grafana/issues/69068 and https://github.com/Checkmk/grafana-checkmk-datasource/issues/194 for more details and screenshots.

Importantly, this only happens on ungoogled chromium. It might also be a react issue.

Actual behaviour

An unexpected error happened
Details
Error: Minified React error #185; visit https://reactjs.org/docs/error-decoder.html?invariant=185 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

    at div
    at https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:1:710
    at Ri (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:206:98760)
    at div
    at https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:1:710
    at Ra (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:206:100103)
    at S (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:2539:670)
    at oe (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:206:48329)
    at https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:209:17191
    at G (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:2557:1698)
    at V
    at div
    at a (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:5:34463)
    at div
    at div
    at nav
    at div
    at nav
    at https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:2402:1055
    at div
    at Wa (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/7658.937005d2cd066a1708ff.js:563:742)
    at div
    at div
    at V (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:140:13278)
    at a (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:518:3183)
    at Ch (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/7658.937005d2cd066a1708ff.js:1241:153)
    at tn (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:175:120702)
    at WithTheme(Connect(Ch))
    at div
    at Is (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/7658.937005d2cd066a1708ff.js:1250:57)
    at tn (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:175:120702)
    at WithTheme(Connect(Is))
    at f (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:1320:180)
    at d (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:1320:754)
    at div
    at r (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/2060.bc8dca0113c3ef0872b8.js:1:2292)
    at div
    at r (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/2060.bc8dca0113c3ef0872b8.js:1:4276)
    at C (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/2060.bc8dca0113c3ef0872b8.js:1:9630)
    at div
    at cs (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/7658.937005d2cd066a1708ff.js:1256:21)
    at Suspense
    at f (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:1320:180)
    at Qs (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:4463:333)
    at Ke (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:206:23585)
    at Ci (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:197:4727)
    at An (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:197:10217)
    at Do (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:206:11746)
    at Ke (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:206:25781)
    at div
    at div
    at div
    at main
    at nt (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:4460:2460)
    at Ci (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:197:4727)
    at An (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:197:10217)
    at Tn (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:197:9607)
    at es (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:206:12045)
    at Ke (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:206:19753)
    at div
    at o (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:2337:3973)
    at g (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:46:13846)
    at l (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:5156:18867)
    at f (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:1320:180)
    at d (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:1320:754)
    at E (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/5226.8f8087951654808d35d8.js:175:118397)
    at yr (https://grafana-assets.grafana.net/grafana/10.0.1-cloud.2.a7a20fbf/public/build/3175.d5d8c8ebc23682a510be.js:4474:127)

Expected behaviour

Not crashing

Relevant log output

No response

Additional context

You can go here https://play.grafana.org/explore?orgId=1&left={“datasource”:“000000001”,“queries”:[{“refId”:“A”,“datasource”:{“type”:“graphite”,“uid”:“000000001”}}],“range”:{“from”:“now-1h”,“to”:“now”}} and then click on the “Graphite” dropdown in the upper left corner to reproduce it.

About this issue

  • Original URL
  • State: closed
  • Created a year ago
  • Comments: 31 (17 by maintainers)

Most upvoted comments

Indeed. Looks like #fingerprinting-client-rects-noise is causing this crash.

Do you plan to integrate that and replace the current one?

No

@anyone00 try disabling fingerprinting-client-rects-noise as mentioned above.

I’m not a frontend dev but I assume this code is causing the issues here.

It seems like Grafana is relying on the react-select package for some of their components. Some of those library components assume Element#getBoundingClientRect to behave in a predictable way (probably at least for very fast subsequent calls in which no user interaction could change the results). If this assumption is not met too often the maximum recursion depth is reached.

https://github.com/JedWatson/react-select/blob/a465818786afd4857c9155bef1e9aa2fe3356097/packages/react-select/src/components/Menu.tsx#L613-L640

I can’t actually reproduce this with UGC