Yet Another Invariant Violation: ReactMount: Two valid but unequal nodes with the same data-reactid
#4511
Labels
Comments
|
The nodeCache contains the old node despite the new DOM element having been created. AFAIK only a single node exists in the DOM. Presumably the node cache just hasn't been updated. There is a race condition between the setState invocation and the event handler walking up the DOM, presumably that's the cause, though it's not clear to me how the node cache is out of date after setState completes (some sort of batching @spicyj?). |
|
Probably related to, and possibly a duplicate of, #3790 |
|
I think it's a dupe. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I'm experiencing an unexpected error related to "native" DOM events created in an "owner" component and triggered by DOM elements rendered by "owned" components. There's been a number of seemingly related issues, the closest being #3790 - but this might be a different edge case so I thought I'd create a new issue for it.
Reproduction
I've tried to whittle this down as much as possible:
(The JSFiddle is using 0.13.3, but I get the same error using 0.14.0-beta1)
https://jsfiddle.net/dmininger/8rdqhnox/
Steps
The second time component
Twois rendered React throwsInvariant Violation: ReactMount: Two valid but unequal nodes with the samedata-reactid``Notes
As I was trying to narrow down the cause, I found that under the following scenarios no error will be thrown:
onClick: function(){}) is added to the "a" element in componentOne. See https://jsfiddle.net/dmininger/kx98qfd2/Twois removed (leaving the "form" element). See https://jsfiddle.net/dmininger/snjb8ysq/OneandTwoare inlined in the render method of theMaincomponent (i.e. everything is rendered by a single component). See https://jsfiddle.net/dmininger/3majxxL0/Twois removed (leaving the "input" element). (Sorry, no fiddle, is 0.14.0-beta1 on a CDN?) This still throws in 0.13.3.Thanks!
The text was updated successfully, but these errors were encountered: