vite-plugin-checker
vite-plugin-checker copied to clipboard
[Vue warn]: Extraneous non-props attributes (ariaHidden)
Describe the bug
I need help, I get the following warning with React 18 + VITE.
virtual:@vite-plugin-checker-runtime:1238 [Vue warn]: Extraneous non-props attributes (ariaHidden) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
at <App.ce base="/" overlayConfig= {initialIsOpen: false} ariaHidden=null >
Reproduction
React 18 + VITE.
Expected behavior
React 18 + VITE.
System Info
React 18 + VITE.
Additional context
No response
Validations
- [X] Read the docs.
- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
I faced with the same problem.
We're running into the same warning in v0.6.4.
It appears to be caused by the vite-checker-plugin overlay, which renders a visual overlay to the dom detailing any violations. The overlay component happens to be written in Vue, and appears to be responsible for raising these warnings. Disabling the overlay in your vite-config.ts makes the warning go away (but then you don't get the nice list of violations in the browser window).
NOTE: the warnings only appear when there are checker violations that cause the overlay to appear.
Can confirm the warnings disappear if the overlay is disabled.
The warnings make reference to App.ce
, perhaps thats this component in the runtime package? https://github.com/fi3ework/vite-plugin-checker/blob/main/packages/runtime/src/App.ce.vue
I have the same problem when initialIsOpen: false
. If set to true
or omitted then the warning does not appear.