SSR hydration error with <a-steps> in Nuxt 3: "Cannot set properties of null (setting '__vnode')"

[NuwanDhanushka]

• Environment:

  • Nuxt 3 (version 3.13.x)
  • Ant Design Vue 4.2.x
  • Node 18+

• Reproduction:
  A minimal project demonstrating the error is available on CodeSandbox:
  https://codesandbox.io/p/devbox/336f66

• Steps to Reproduce:

  1. Open the CodeSandbox link.
  2. Look at pages/index.vue where <a-steps> is used.
  3. Refresh or interact with the page.
  4. Observe the console error:

     Cannot set properties of null (setting '__vnode')
     or
     Cannot read properties of null (reading 'nodeType')
     

  5. Wrapping <a-steps> in <client-only> does not fix it; disabling SSR in nuxt.config does.

• Expected Behavior:
  <a-steps> should render properly in a standard Nuxt 3 SSR environment without throwing hydration errors.

• Notes:

  • The same issue occurs across multiple 4.2.x versions of Ant Design Vue.

Thank you for investigating! Let me know if any additional info is needed.

[github-actions]

Hello @NuwanDhanushka, your issue has been closed because it does not conform to our issue requirements. Please use the Issue Helper to create an issue, thank you!

你好 @NuwanDhanushka，为了能够进行高效沟通，我们对 issue 有一定的格式要求，你的 issue 因为不符合要求而被自动关闭。你可以通过 issue 助手 来创建 issue 以方便我们定位错误。谢谢配合！