react / react/react

[DevTools Bug]: Cannot read properties of undefined (reading 'displayName') at getWrappedDisplayName

Đang mở
#26,022 6 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Component: Developer Tools Status: Unconfirmed Type: Bug
Ngôn ngữ chính
JavaScript
Star
251k
Fork
51.4k
Merge trung bình
2 ngày 4 giờ
Pull request đã merge (30 ngày)
53

Mô tả

Website or app

https://pda.ritis.org/suite/download/

Repro steps

I noticed this when using React DevTools in my DEV environment with both Chrome and Firefox which is https://pda-dev.ritis.org/suite/download/ but I also see it in the production URL.

  1. Logged in URL with React Developer Tools 4.27.1 installed and enabled (in Chrome or Firefox)
  2. Navigate to a the Download tool
  3. Almost immediate the below error displays
    TypeError: Cannot read properties of undefined (reading 'displayName') at getWrappedDisplayName (react_devtools_backend.js:247:33) at getDisplayNameForFiber (react_devtools_backend.js:6384:62)
    outerType_undefined
    getWrappedDisplayName
    forwardRef

I'm unable to downgrade React DevTools in Chrome, but can in Firefox and notice that this started occuring with Version 4.27.0.

  • "4.27.1 Relased December 6, 2022" produces this error
  • "4.27.0 Released November 28, 2022" produces this error
  • "4.25.0 Released July 14, 2022" does not produce this error

Since I only use the browser version of react dev-tools, is there any way to install 4.25.0 in Chrome browser?

Other environment information:
Chrome "Version 109.0.5414.75 (Official Build) (64-bit)"
Firefox "Version 109.0 (64-bit)
Windows 10 Pro build 19044.2486

How often does this bug happen?

Every time

DevTools package (automated)

No response

DevTools version (automated)

No response

Error message (automated)

No response

Error call stack (automated)

No response

Error component stack (automated)

No response

GitHub query string (automated)

No response

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Hướng nghiên cứu

Tái hiện lỗi trên URL của công cụ tải xuống được báo cáo bằng React DevTools 4.27.x, sau đó kiểm tra các điểm vào getWrappedDisplayName và getDisplayNameForFiber trong react_devtools_backend.js. Được xem là hoàn tất khi lỗi displayName lặp lại không còn xuất hiện trong các phiên bản trình duyệt bị ảnh hưởng và workflow được báo cáo vẫn có thể sử dụng.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
javascript, react
Lĩnh vực
devtools
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.