Skip to content

<a-steps> SSR hydration error in Nuxt 3: "Cannot set/read properties of null"Β #8057

@NuwanDhanushka

Description

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

Version

4.2.6

Environment

Nuxt: 3.13.0 ant-design-vue: 4.2.6 Node: v20.18.0 OS: macOS 14.5 Package manager: npm 11.2.0

Reproduction link

Edit on CodeSandbox

Steps to reproduce

Open the CodeSandbox link.
Look at pages/index.vue where is used.
Refresh or interact with the page.
Observe the console error:
Cannot set properties of null (setting '__vnode') or Cannot read properties of null (reading 'nodeType')
Wrapping in does not fix it; disabling SSR in nuxt.config does.

What is expected?

should render properly in a standard Nuxt 3 SSR environment without throwing hydration errors.

What is actually happening?

When using in a Nuxt 3 project with SSR enabled, the application throws a hydration error in the browser console

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions