DropdownMenu causing Uncaught Invariant Violation: findComponentRoot

[stueynet]

Problem Description

Dropdown component causing dom change error in hot reload. When the basic Dropdown is rendered we get the following hot reloading error:

Uncaught Invariant Violation: findComponentRoot(..., .0.1.1.1.2.1.$1/=11.0.2.1.0.$2016-03-07T13=208=201-05=2001.1:$37.3.0.1.0): Unable to find element. This probably means the DOM was unexpectedly mutated (e.g., by the browser), usually due to forgetting a <tbody> when using tables, nesting tags like <form>, <p>, or <a>, or using non-SVG elements in an <svg> parent. Try inspecting the child nodes of the element with React ID ``.

This is usually a result of bad formed HTML. We checked all components and only the Dropdown is causing this problem.

Versions

• Material-UI: 15 alpha 1
• React: 14.7
• Browser: Chrome / Firefox
• Webpack: 1.12.12
• Webpack dev server 1.14.1
• react-hot-loader: 1.3.0

[oliviertassinari]

Thanks for raising this issue but that's a duplicate of #3586.

[gazzer82]

I'm still seeing this issue, seems the PR in thew other issue was for Popover not DropDownMenu?

[oliviertassinari]

@gazzer82 The Popover is used internally by the DropDownMenu. Are you using the master branch?

[gazzer82]

I am using the latest version from NPM, should I try pulling directly from github?

Sent from my iPhone

On Mar 13, 2016, at 01:18, Olivier Tassinari <notifications@gitpro.ttaallkk.topmailto:notifications@github.com> wrote:

@gazzer82https://github.com/gazzer82 The Popover is used internally by the DropDownMenu. Are you using the master branch?

Reply to this email directly or view it on GitHubhttps://github.com//issues/3624#issuecomment-195919797.

[stueynet]

@gazzer82 You might try deleting your node_modules/material-ui folder and then npm install. That worked fine for me.

[gazzer82]

@stueynet i have just tried that, no dice.

[gazzer82]

Ok, so i manually changed the 'noscript' to 'div' in the compiles js popper.js button and that's fixed it for now.

So i guess that PR hasn't made it into the NPM version, so i assume it will roll up in alpha.2

I did try pulling this from github and using that version, but i couldn't get Babel to play nice and convert the src files.

Thanks

Gareth