CFlex props (direction, align, justify, wrap) don't work with Nuxt HMR

[viktor-yunenko]

Bug report

Describe the bug

CFlex props as:

• direction
• align
• justify
• wrap

Don't trigger HMR refresh. As a workaround I got used to adding/updating key="1" prop every time I want to force rerender without reloading the browser tab.

Not a critical issue, mostly wanted to share the workaround.

To reproduce

This branch is a simple example. It's old but my current project on ^2.0.0-beta.2 has the same issue.

Tried to update to ^2.1.0-beta.4 today but it doesn't export a Vue plugin anymore, and @chakra-ui/nuxt-next doesn't seem to work as a loadable nuxt module.

System information

• OS: macOS
• Version of @chakra-ui/core: ^2.0.0-beta.2
• Version of Node.js: v18.12.1