redpanda-data / redpanda-data/console

Pressing `?` crashes the console when using vanilla Kafka without Redpanda

Open
#2,262 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug frontend
Dominant language
TypeScript
Stars
4.3k
Forks
432
Avg merge
3d 6h
Merged PRs (30d)
40

Description

I'm attempting to set up Redpanda Console on a Strimzi-managed Kafka cluster. The system appears to work correctly, however whenever I type ? (noticed when attempting to create a JS filter on messages, but also happening regardless of which page I'm on and where), the entire page instantly blanks out.

The console logs throw:

7987.cb8e0bd6.js:2 Error: Minified React error #301; visit https://reactjs.org/docs/error-decoder.html?invariant=301 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at ad (7987.cb8e0bd6.js:2:58556)
    at ud (7987.cb8e0bd6.js:2:72815)
    at us (7987.cb8e0bd6.js:2:72023)
    at i (7987.cb8e0bd6.js:2:122765)
    at oR (7987.cb8e0bd6.js:2:99057)
    at oD (7987.cb8e0bd6.js:2:98927)
    at ox (7987.cb8e0bd6.js:2:95698)
    at o_ (7987.cb8e0bd6.js:2:96087)
    at r8 (7987.cb8e0bd6.js:2:44918)
    at 7987.cb8e0bd6.js:2:93612
a5 @ 7987.cb8e0bd6.js:2
t.callback @ 7987.cb8e0bd6.js:2
lX @ 7987.cb8e0bd6.js:2
uY @ 7987.cb8e0bd6.js:2
e @ 7987.cb8e0bd6.js:2
(anonymous) @ 7987.cb8e0bd6.js:2
oI @ 7987.cb8e0bd6.js:2
o_ @ 7987.cb8e0bd6.js:2
r8 @ 7987.cb8e0bd6.js:2
(anonymous) @ 7987.cb8e0bd6.js:2Understand this error
7987.cb8e0bd6.js:2 Uncaught Error: Minified React error #301; visit https://reactjs.org/docs/error-decoder.html?invariant=301 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at ad (7987.cb8e0bd6.js:2:58556)
    at ud (7987.cb8e0bd6.js:2:72815)
    at us (7987.cb8e0bd6.js:2:72023)
    at i (7987.cb8e0bd6.js:2:122765)
    at oR (7987.cb8e0bd6.js:2:99057)
    at oD (7987.cb8e0bd6.js:2:98927)
    at ox (7987.cb8e0bd6.js:2:95698)
    at o_ (7987.cb8e0bd6.js:2:96087)
    at r8 (7987.cb8e0bd6.js:2:44918)
    at 7987.cb8e0bd6.js:2:93612

Followed by a long loop of attempting to "list enterprise features":

423.fde3076b.js:536 
 POST https://<my_url>/kafka-ui/redpanda.api.console.v1alpha1.LicenseService/ListEnterpriseFeatures 501 (Not Implemented)

423.fde3076b.js:536 Uncaught (in promise) ConnectError: [unimplemented] the redpanda admin api must be configured to use this endpoint
    at x (423.fde3076b.js:536:326492)
    at next (423.fde3076b.js:536:329512)
    at async 403.b9a1ff5d.js:6:14161
    at async 403.b9a1ff5d.js:6:14123
    at async Object.unary (423.fde3076b.js:536:328101)
    at async Proxy.p (423.fde3076b.js:536:338317)
    at async Promise.all (index 0)
    at async Proxy.listLicenses (3294.ca7bb475.js:128:139755)
423.fde3076b.js:536 
 POST https://<my_url>/kafka-ui/redpanda.api.console.v1alpha1.LicenseService/ListEnterpriseFeatures 501 (Not Implemented)
423.fde3076b.js:536 Uncaught (in promise) ConnectError: [unimplemented] the redpanda admin api must be configured to use this endpoint
    at x (423.fde3076b.js:536:326492)
    at next (423.fde3076b.js:536:329512)
    at async 403.b9a1ff5d.js:6:14161
    at async 403.b9a1ff5d.js:6:14123
    at async Object.unary (423.fde3076b.js:536:328101)
    at async Proxy.p (423.fde3076b.js:536:338317)
    at async Promise.all (index 0)
    at async Proxy.listLicenses (3294.ca7bb475.js:128:139755)

^ this is repeated dozens of times

This URL is also hit when I first load the page, along with a number of other endpoints that appear to be specific to the redpanda console, however they seem to have no effect on usage -- everything works perfectly, until I press ?.

Environment:
Redpanda Console 3.1.0, 3.3.0, and 3.5.3
MacOS 15.5
Chrome 145.0.7632.117, Safari 18.5 (20621.2.5.11.8)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the crash by pressing ? with vanilla Kafka and inspect the React error alongside repeated LicenseService/ListEnterpriseFeatures requests. Trace the frontend path triggered by the keypress and the license request; done means the console remains usable without Redpanda Admin API configuration and the repeated 501 requests stop.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.