chakra-ui-vue-next icon indicating copy to clipboard operation
chakra-ui-vue-next copied to clipboard

Published 20 hours ago • verified publisher icon chakra-ui

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

Open viktor-yunenko opened this issue 1 year ago • 0 comments

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

viktor-yunenko avatar Feb 28 '23 01:02 viktor-yunenko