redpanda-data / redpanda-data/console

Cannot read properties of undefined (reading 'find')

Open
#891 10 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

Trying to push the create topic button on the UI after getting connected to an AWS MSK broker:

Type:
TypeError

Message:
Cannot read properties of undefined (reading 'find')

Stack (Decoded):
find (components/pages/topics/Topic.List.tsx:402:13)
tryGetBrokerConfig (components/pages/topics/Topic.List.tsx:490:42)
call (../node_modules/mobx/src/core/derivation.ts:183:23)
trackDerivedFunction (../node_modules/mobx/src/core/computedvalue.ts:250:18)
computeValue_ (../node_modules/mobx/src/core/computedvalue.ts:218:30)
trackAndCompute (../node_modules/mobx/src/core/computedvalue.ts:183:25)
get (../node_modules/mobx/src/types/observableobject.ts:121:38)
getObservablePropValue_ (../node_modules/mobx/src/types/observableobject.ts:701:35)
key (../node_modules/mobx/src/types/observableobject.ts:182:28)
get_ (../node_modules/mobx/src/types/dynamicobject.ts:30:30)

Stack (Raw):
TypeError: Cannot read properties of undefined (reading 'find')
at tryGetBrokerConfig (http://localhost:8081/static/js/506.8f55509e.chunk.js:1:462585)
at get partitions (http://localhost:8081/static/js/506.8f55509e.chunk.js:1:464066)
at trackDerivedFunction (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:820842)
at ComputedValue.computeValue_ (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:818655)
at ComputedValue.trackAndCompute (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:818435)
at ComputedValue.get (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:817582)
at ObservableObjectAdministration.getObservablePropValue_ (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:852995)
at Object.get (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:858585)
at ObservableObjectAdministration.get_ (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:853647)
at Object.get (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:834536)

Components:

at CreateTopicModalContent (http://localhost:8081/static/js/506.8f55509e.chunk.js:1:322301)
at div
at div
at http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:339964
at div
at http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:340115
at DomWrapper (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:1027048)
at http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:1030135
at http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:341717
at div
at div
at Dialog (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:342672)
at http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:337544
at DialogWrap (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:344934)
at NoFormStyle (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:284641)
at NoCompactStyle (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:459017)
at Modal (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:346003)
at observerComponent (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:791987)
at div
at section
at http://localhost:8081/static/js/910.aa630b19.chunk.js:2:12610
at ChakraComponent (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:222225)
at Section (http://localhost:8081/static/js/550.374d74ba.chunk.js:2:490220)
at Section
at div
at http://localhost:8081/static/js/910.aa630b19.chunk.js:2:12610
at ChakraComponent (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:222225)
at http://localhost:8081/static/js/550.374d74ba.chunk.js:2:197006
at div
at VisualElementHandler (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:308040)
at MotionComponent (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:308912)
at PageContent (http://localhost:8081/static/js/506.8f55509e.chunk.js:1:24248)
at TopicList (http://localhost:8081/static/js/506.8f55509e.chunk.js:1:462071)
at Route (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:103400)
at Switch (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:104474)
at PresenceChild (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:299730)
at AnimatePresence (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:300619)
at RouteView
at ErrorDisplay (http://localhost:8081/static/js/733.f66b3d16.chunk.js:1:24098)
at div
at observerComponent (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:791987)
at main
at http://localhost:8081/static/js/910.aa630b19.chunk.js:2:12610
at ChakraComponent (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:222225)
at Container2 (http://localhost:8081/static/js/550.374d74ba.chunk.js:2:205300)
at div
at http://localhost:8081/static/js/910.aa630b19.chunk.js:2:12610
at ChakraComponent (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:222225)
at Grid2 (http://localhost:8081/static/js/550.374d74ba.chunk.js:2:193348)
at Switch (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:104474)
at RequireAuth (http://localhost:8081/static/js/733.f66b3d16.chunk.js:1:39593)
at ErrorBoundary (http://localhost:8081/static/js/733.f66b3d16.chunk.js:1:746)
at EnvironmentProvider (http://localhost:8081/static/js/550.374d74ba.chunk.js:2:65951)
at ColorModeProvider (http://localhost:8081/static/js/550.374d74ba.chunk.js:2:62534)
at ThemeProvider (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:13006)
at ThemeProvider (http://localhost:8081/static/js/550.374d74ba.chunk.js:2:60417)
at ChakraProvider (http://localhost:8081/static/js/550.374d74ba.chunk.js:2:66548)
at ChakraProvider2 (http://localhost:8081/static/js/550.374d74ba.chunk.js:2:81845)
at Router (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:100260)
at BrowserRouter (http://localhost:8081/static/js/910.aa630b19.chunk.js:2:94756)
at observerComponent (http://localhost:8081/static/js/178.f9517ba1.chunk.js:2:791987)

Environment:
NODE_ENV : production
GIT_SHA : 1db8cedf2d9d8ac087961476cf9e885ad5e1118a
GIT_REF : master
BUILD_TIMESTAMP : 1694701166
PLATFORM_VERSION: v23.2
BUILT_FROM_PUSH : false

Location:
Protocol: http:
Path : /topics
Search :
Hash :

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

Start in components/pages/topics/Topic.List.tsx around tryGetBrokerConfig at lines 402 and 490, then reproduce the error by opening the create topic UI after connecting to an AWS MSK broker. Trace the undefined value used with find; done means the create topic flow no longer throws this TypeError.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.