redpanda-data / redpanda-data/console
Error in RenderPreview: Cannot read properties of undefined (reading 'length')
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 4.3k
- Forks
- 432
- Avg merge
- 3d 6h
- Merged PRs (30d)
- 40
Description
Redpanda console is failing to render binary keys:
Here is the relevant docker compose configuration:
services:
redpanda:
command:
- redpanda
- start
- --kafka-addr internal://0.0.0.0:9092,external://0.0.0.0:19092
- --advertise-kafka-addr internal://redpanda:9092,external://localhost:19092
- --pandaproxy-addr internal://0.0.0.0:8082,external://0.0.0.0:18082
- --advertise-pandaproxy-addr internal://redpanda:8082,external://localhost:18082
- --schema-registry-addr internal://0.0.0.0:8081,external://0.0.0.0:18081
- --rpc-addr redpanda:33145
- --advertise-rpc-addr redpanda:33145
- --mode dev-container
- --smp 1
image: docker.redpanda.com/redpandadata/redpanda
container_name: redpanda
volumes:
- redpanda_data:/var/lib/redpanda/data
ulimits:
nofile:
soft: 262144
hard: 262144
ports:
- "18081:18081"
- "18082:18082"
- "19092:19092"
- "19644:9644"
healthcheck:
test: redpanda rpk cluster health
console:
container_name: redpanda-console
image: docker.redpanda.com/redpandadata/console
entrypoint: /bin/sh
command: -c 'echo "$$CONSOLE_CONFIG_FILE" > /tmp/config.yml; /app/console'
environment:
CONFIG_FILEPATH: /tmp/config.yml
CONSOLE_CONFIG_FILE: |
kafka:
brokers: ["redpanda:9092"]
schemaRegistry:
enabled: true
urls: ["http://redpanda:8081"]
redpanda:
adminApi:
enabled: true
urls: ["http://redpanda:9644"]
ports:
- "8080:8080"
depends_on:
- redpanda
volumes:
redpanda_data:
There is a network error, I suspect because it's running in dev mode and there's no authentication:
However, I'm not seeing any debug logs on the server when this error occurs. Image versions:
CONTAINER REPOSITORY TAG IMAGE ID SIZE
redpanda docker.redpanda.com/redpandadata/redpanda latest 19c744205ba2 454MB
redpanda-console docker.redpanda.com/redpandadata/console latest d4df82208b7e 280MB
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The issue names RenderPreview but does not identify a file or test. Start by locating that entry point and reproducing the failure with a binary key using the supplied Docker Compose setup; done means binary-key previews render without the undefined-length error and the reported network failure no longer causes the UI error.
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