storybook-mobile icon indicating copy to clipboard operation
storybook-mobile copied to clipboard

Error after including the addon

Open BenjaminVanRyseghem opened this issue 4 years ago • 0 comments

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!

BenjaminVanRyseghem avatar Aug 07 '20 17:08 BenjaminVanRyseghem