TypeError: Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element'.

See original GitHub issue

Getting this TypeError when trying to use a React component as a slide My carousel code: <Carousel> <SponsorBox title="Sponsor1" image={sponsor1} /> </Carousel>

My React component: const SponsorBox = ({ title, image }) => { return ( <div className="box-wrapper"> <Box> <Heading tag="h4">{title}</Heading> <Image src={image} /> </Box> </div> ) }

Environment System: OS: Windows 10 10.0.17763 CPU: (4) x64 Intel® Core™ i7-7700HQ CPU @ 2.80GHz Memory: 4.15 GB / 15.86 GB Binaries: Node: 12.17.0 - C:\Program Files\nodejs\node.EXE npm: 6.14.4 - C:\Program Files\nodejs\npm.CMD Browsers: Edge: 44.17763.831.0 Internet Explorer: 11.0.17763.771 npmPackages: @brainhubeu/react-carousel: ^1.18.10 => 1.18.10 @fortawesome/fontawesome-svg-core: ^1.2.28 => 1.2.28 @fortawesome/free-brands-svg-icons: ^5.13.0 => 5.13.0 @fortawesome/free-solid-svg-icons: ^5.13.0 => 5.13.0 @fortawesome/react-fontawesome: ^0.1.11 => 0.1.11 bloomer: ^0.6.5 => 0.6.5 bulma: ^0.9.0 => 0.9.0 gatsby: ^2.22.15 => 2.22.15 gatsby-image: ^2.4.5 => 2.4.5 gatsby-plugin-manifest: ^2.4.9 => 2.4.9 gatsby-plugin-offline: ^3.2.7 => 3.2.7 gatsby-plugin-react-helmet: ^3.3.2 => 3.3.2 gatsby-plugin-sass: ^2.3.4 => 2.3.4 gatsby-plugin-sass-resources: ^2.0.0 => 2.0.0 gatsby-plugin-sharp: ^2.6.9 => 2.6.9 gatsby-source-filesystem: ^2.3.8 => 2.3.8 gatsby-transformer-sharp: ^2.5.3 => 2.5.3 node-sass: ^4.14.1 => 4.14.1 prettier: 2.0.5 => 2.0.5 prop-types: ^15.7.2 => 15.7.2 react: ^16.12.0 => 16.13.1 react-bulma-components: ^3.3.0 => 3.3.0 react-dom: ^16.12.0 => 16.13.1 react-helmet: ^6.0.0 => 6.0.0

All browsers/devices

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:12
  • Comments:29 (13 by maintainers)

github_iconTop GitHub Comments

4reactions
piotr-s-brainhubcommented, Jul 3, 2020
3reactions
pecoramcommented, Jul 3, 2020

it works for me

Read more comments on GitHub >

github_iconTop Results From Across the Web

typeError: Failed to execute 'observe' on 'ResizeObserver ...
This is occurring because the element does not exist yet at the time you are attempting to reference it.
Read more >
ResizeObserver.observe() - Web APIs | MDN
The observe() method of the ResizeObserver interface starts observing the specified Element or SVGElement.
Read more >
[Typescript and React] Please help me with this Error ... - Reddit
... but I get an Error 'Uncaught TypeError: Failed to execute 'observe' on 'IntersectionObserver': parameter 1 is not of type 'Element'.
Read more >
ResizeObserver JavaScript API - JavaScripture
Registers the observer to be called any time the specified element 's size changes. If observe() is called more than once, it will...
Read more >
parameter 1 is not of type 'Node'. at chrome-extension ...
Getting Error: Error in event handler for (unknown): TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'. at ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found