Broken Grid List styles when adding a component between List and List.Item

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

Use List in grid mode, and wrap List.Item in a component.

I have a large UI codebase which uses a lot of wrapper components around List.Item (to use item-level hooks for example…). This used to work fine in AntDesign 3. Using the grid mode, the new version 4 breaks the styles because they are directly injected into List.Item using cloneElement.

What is expected?

Styles should be applied via style sheets, not by element cloning which is not only an unlisted breaking change from v3 but also prohibits an easy use of component wrapper around List.Item (without forwarding props).

What is actually happening?

Styles are broken. The grid layout doesn’t render correctly.

Environment	Info
antd	4.2.5
React	react 16.13.1
System	Windows 10
Browser	Chrome 81.0.4044.138

[afc163]

[lgants]

I recently noticed this behavior after updating to 4.3.1 - I’ve been using 4.x for a while without this issue. Might be related to this: https://github.com/ant-design/ant-design/pull/24280