{"action":"closed","issue":{"url":"https://api.github.com/repos/chenglou/react-motion/issues/221","labels_url":"https://api.github.com/repos/chenglou/react-motion/issues/221/labels{/name}","comments_url":"https://api.github.com/repos/chenglou/react-motion/issues/221/comments","events_url":"https://api.github.com/repos/chenglou/react-motion/issues/221/events","html_url":"https://github.com/chenglou/react-motion/issues/221","id":112026789,"number":221,"title":"Adding a child to another component during an animation throws error","user":{"login":"koko236","id":741399,"avatar_url":"https://avatars.githubusercontent.com/u/741399?v=3","gravatar_id":"","url":"https://api.github.com/users/koko236","html_url":"https://github.com/koko236","followers_url":"https://api.github.com/users/koko236/followers","following_url":"https://api.github.com/users/koko236/following{/other_user}","gists_url":"https://api.github.com/users/koko236/gists{/gist_id}","starred_url":"https://api.github.com/users/koko236/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/koko236/subscriptions","organizations_url":"https://api.github.com/users/koko236/orgs","repos_url":"https://api.github.com/users/koko236/repos","events_url":"https://api.github.com/users/koko236/events{/privacy}","received_events_url":"https://api.github.com/users/koko236/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":17,"created_at":"2015-10-18T15:55:20Z","updated_at":"2015-11-25T08:37:07Z","closed_at":"2015-11-25T08:37:07Z","body":"I have the following (simplified) structure:\r\n```\r\n    <DumbWrapperComponent>\r\n      <Messages/>  (listens to MesagesStore)\r\n      <OtherUI/>     (listens to UIStore)\r\n    </DumbWrapperComponent>\r\n```\r\nMessages and OtherUI have two distinct stores they're listening to, so they (should) render independently of each other. OtherUI has some draggable elements using ReactMotion for smooth animation and an 'Add Message' button which adds a message to Messages using Flux pattern. It all works fine except for a case when you click the 'Add Message' button quickly after dragging something so the animation is still running. I get \"Error: Invariant Violation: Expected flush transaction's stored dirty-components length (1) to match dirty-components array length (2)\"\r\n\r\nI'm going to check it more thoroughly in a second and update/close if I find the solution but I thought I'd ask just as a sanity check - is this an expected and known behavior/limitation of React Motion? \r\n\r\nI'm still using v0.2.7 if that matters. "}}