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

Error after including the addon #10

Open
BenjaminVanRyseghem opened this issue Aug 7, 2020 · 0 comments
Open

Error after including the addon #10

BenjaminVanRyseghem opened this issue Aug 7, 2020 · 0 comments

Comments

@BenjaminVanRyseghem
Copy link

Hi!

I was really eager to try your addon as it sounds amazing.
Unfortunately, when I tried, I got an error (which crashed my whole storybook)

Document.querySelector: 'label for="zen-form-0-localisation"'
Uncaught DOMException: Document.querySelector: 'label for="zen-form-0-localisation"' is not a valid selector
---------------------------------
The above error occurred in the <Hints> component:
    in Hints (created by Context.Consumer)
    in WithTheme(Hints) (created by MyPanel)
    in MyPanel
    in StateWrapper
    in div (created by AddonPanel)
    in AddonPanel
    in div (created by Context.Consumer)
    in Styled(div)
    in div (created by Context.Consumer)
    in Styled(div)
    in Unknown
    in Unknown
    in Unknown
    in Unknown (created by Context.Consumer)
    in ManagerConsumer (created by _default)
    in _default (created by Layout)
    in div (created by Context.Consumer)
    in Styled(div) (created by Panel)
    in Panel (created by Layout)
    in div (created by Context.Consumer)
    in Styled(div) (created by Main)
    in div (created by Context.Consumer)
    in Styled(div) (created by Main)
    in Main (created by Layout)
    in Layout (created by Context.Consumer)
    in WithTheme(Layout)
    in Unknown
    in Unknown
    in div (created by Context.Consumer)
    in Styled(div)
    in Unknown
    in Unknown (created by SizeMeRenderer(Component))
    in SizeMeReferenceWrapper (created by SizeMeRenderer(Component))
    in SizeMeRenderer(Component) (created by SizeMe(Component))
    in SizeMe(Component) (created by Manager)
    in ThemeProvider (created by Manager)
    in Manager (created by Context.Consumer)
    in Location (created by QueryLocation)
    in QueryLocation (created by Root)
    in LocationProvider (created by Root)
    in HelmetProvider (created by Root)
    in Root

React will try to recreate this component tree from scratch using the error boundary you provided, LocationProvider.
---------------------------------
SyntaxError: Document.querySelector: 'label for="zen-form-0-localisation"' is not a valid selector
---------------------------------
The above error occurred in the <LocationProvider> component:
    in LocationProvider (created by Root)
    in HelmetProvider (created by Root)
    in Root

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
---------------------------------
SyntaxError: Document.querySelector: 'label for="zen-form-0-localisation"' is not a valid selector

I hope this report can help you find the issue.

Again, great job!

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

1 participant