redpanda-data / redpanda-data/console

Error in RenderPreview: Cannot read properties of undefined (reading 'length')

Open
#1,555 5 comments 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

Redpanda console is failing to render binary keys:
image

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:
image

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

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

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.