ant-design / ant-design/pro-components

๐Ÿ›[BUG] - Component: LightFilter - Select when update Badge Count up 2

Open
#7,890 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

ๆ้—ฎๅ‰ๅ…ˆ็œ‹็œ‹๏ผš

### ๐Ÿ› bug ๆ่ฟฐ

Component: LightFilter - Select when update Badge Count up 2 counts:

Warning: React does not recognize the `fieldProps` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `fieldprops` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at a
at div
at div
at div
at LightFilterContainer (http://localhost:3000/static/js/bundle.js:36827:21)
........
react-dom.development.js:86 Warning: React does not recognize the `proFieldProps` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `profieldprops` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at a
at div
at div
at div
at LightFilterContainer
.......

### ๐Ÿ“ท ๅค็Žฐๆญฅ้ชค
![image](https://github.com/ant-design/pro-components/assets/57663409/fc580de4-df43-4667-b76b-429bfe15a63c) ===> ![image](https://github.com/ant-design/pro-components/assets/57663409/86aab662-39df-48a1-95a6-1d73395de07f)

Errors:
![image](https://github.com/ant-design/pro-components/assets/57663409/17dbad8d-0d70-4883-9370-624160616ee7)
![image](https://github.com/ant-design/pro-components/assets/57663409/4d71bb2e-30d4-4136-a2b1-9b9fb7da3e25)

### ยฉ ็‰ˆๆœฌไฟกๆฏ

- ProComponents ็‰ˆๆœฌ: "^2.6.35",
- antd : "^5.11.1"

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the LightFilter Select case described in the issue with ProComponents ^2.6.35 and antd ^5.11.1. Trace the LightFilterContainer stack shown in the warning and determine why fieldProps and proFieldProps reach a DOM element while the badge count changes. Done means the reproduction no longer emits these React warnings and the badge count behavior is verified.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 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.