How to properly use Ant Design with TanStack Start

[createdbymahmood]

Hey everyone 👋,

I’ve been working on a project using TanStack Start and wanted to integrate Ant Design (antd) as the UI library. Overall, it’s been a solid experience — but I’ve run into a consistent issue with styling flicker, especially on initial load or navigation.

From what I can tell, this is due to how Ant Design handles CSS-in-JS via emotion. When used in an SSR context like TanStack Start, the styles don’t seem to hydrate properly or fast enough, leading to visual flickers and layout shifts.

Has anyone successfully set up Ant Design with TanStack Start?

Specifically:

• How are you handling SSR and style hydration for Ant Design?
• Have you managed to fix or minimize styling flicker?
• Are you using StyleProvider, extractStyle, or anything custom to get it working smoothly?

Feature Request-ish:

If there’s a recommended setup, it would be amazing to have this documented — either officially or even as a community example. I imagine others trying to use Ant Design or similar CSS-in-JS libraries would benefit from some guidance here.

Thanks in advance! Would love to hear how others are solving this, and happy to contribute back if we land on a good pattern.