Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Vue warn]: Extraneous non-props attributes (ariaHidden) #308

Open
2 tasks done
MurphyCoder opened this issue Mar 13, 2024 · 4 comments
Open
2 tasks done

[Vue warn]: Extraneous non-props attributes (ariaHidden) #308

MurphyCoder opened this issue Mar 13, 2024 · 4 comments

Comments

@MurphyCoder
Copy link

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 >

CleanShot 2024-03-13 at 16 40 08

Reproduction

React 18 + VITE.

Expected behavior

React 18 + VITE.

System Info

React 18 + VITE.

Additional context

No response

Validations

  • Read the docs.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
@livwvil
Copy link

livwvil commented Mar 25, 2024

I faced with the same problem.

@gregtayl
Copy link

gregtayl commented Apr 17, 2024

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.

image

@quicklikerabbit
Copy link

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

@troyschneringer
Copy link

I have the same problem when initialIsOpen: false. If set to true or omitted then the warning does not appear.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants