Repository: ant-design
Issue: List with grid prop renders incorrectly with ssr
Labels: 🐛 Bug,Inactive

### Reproduction link

[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/github/RusseII/ant-design-examples/main?file=%2Fexamples%2Fwith-nextjs-app-router-inline-style%2Fsrc%2Fapp%2Fwith-sub-components%2Fpage.tsx%3A37%2C23&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522cln04353l00073b6d1jdw1ey2%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522cln04353k00033b6dzxugw2w5%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522cln04353k00053b6d5v1vlr9o%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522cln04353k00063b6dleba2k59%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522cln04353k00033b6dzxugw2w5%2522%253A%257B%2522id%2522%253A%2522cln04353k00033b6dzxugw2w5%2522%252C%2522activeTabId%2522%253A%2522cln0457bg00913b6d57tyiqhu%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cln04353k00023b6d0byngll0%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252F.gitignore%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fexamples%252Fwith-nextjs-app-router-inline-style%252Fsrc%252Fapp%252Fwith-sub-components%252Fpage.tsx%2522%252C%2522id%2522%253A%2522cln0457bg00913b6d57tyiqhu%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fexamples%252Fwith-nextjs-app-router-inline-style%252Fsrc%252Fapp%252Flayout.tsx%2522%252C%2522id%2522%253A%2522cln0dgazu01m23b6dvpl58519%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%252C%257B%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fexamples%252Fwith-nextjs-app-router-inline-style%252Ftheme%252Findex.tsx%2522%252C%2522id%2522%253A%2522cln0dhg2p01pe3b6dasl1ywf4%2522%252C%2522mode%2522%253A%2522temporary%2522%257D%255D%257D%252C%2522cln04353k00063b6dleba2k59%2522%253A%257B%2522id%2522%253A%2522cln04353k00063b6dleba2k59%2522%252C%2522activeTabId%2522%253A%2522cln044w06007k3b6d1es0cbc9%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A3000%252C%2522id%2522%253A%2522cln044w06007k3b6d1es0cbc9%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252Fwith-sub-components%2522%257D%255D%257D%252C%2522cln04353k00053b6d5v1vlr9o%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cln04353k00043b6dgz098r77%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522cln04359y002we6ei9ye3c8xt%2522%257D%255D%252C%2522id%2522%253A%2522cln04353k00053b6d5v1vlr9o%2522%252C%2522activeTabId%2522%253A%2522cln04353k00043b6dgz098r77%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D)

### Steps to reproduce

Visit the page.

You see the server renders the cards all in one row, then when it gets rehydrated it shows the cards correctly



### What is expected?

It renders the cards with the correct amount of columns on the server depending on the xl, sm, lg, etc fields

### What is actually happening?

it renders the cards all on one row

| Environment | Info |
| --- | --- |
| antd | 5.9.3 |
| React | 18.2.0 |
| System | Mac |
| Browser | chrome |

---
a small mitigation can be applied where if you set the column prop on grid, then it will render whatever you set in column on the server render

<!-- generated by ant-design-issue-helper. DO NOT REMOVE -->