{"action":"opened","issue":{"url":"https://api.github.com/repos/jessy1092/react-semantify/issues/38","labels_url":"https://api.github.com/repos/jessy1092/react-semantify/issues/38/labels{/name}","comments_url":"https://api.github.com/repos/jessy1092/react-semantify/issues/38/comments","events_url":"https://api.github.com/repos/jessy1092/react-semantify/issues/38/events","html_url":"https://github.com/jessy1092/react-semantify/issues/38","id":124636345,"number":38,"title":"Can't use state within Modal","user":{"login":"qpoon","id":6889168,"avatar_url":"https://avatars.githubusercontent.com/u/6889168?v=3","gravatar_id":"","url":"https://api.github.com/users/qpoon","html_url":"https://github.com/qpoon","followers_url":"https://api.github.com/users/qpoon/followers","following_url":"https://api.github.com/users/qpoon/following{/other_user}","gists_url":"https://api.github.com/users/qpoon/gists{/gist_id}","starred_url":"https://api.github.com/users/qpoon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/qpoon/subscriptions","organizations_url":"https://api.github.com/users/qpoon/orgs","repos_url":"https://api.github.com/users/qpoon/repos","events_url":"https://api.github.com/users/qpoon/events{/privacy}","received_events_url":"https://api.github.com/users/qpoon/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-01-03T08:16:49Z","updated_at":"2016-01-03T08:16:49Z","closed_at":null,"body":"Hi,\r\n\r\nI'd like to display `{this.state.someValue}` within a `<Modal>` I'm showing. Unfortunately React throws a\r\n```\r\nUncaught Invariant Violation: findComponentRoot(..., .0.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 ``.\r\n```\r\n... likely because Semantic/jQuery wraps the dimmer screen around the actual modal div that owns the `data-reactid`, and that throws React off when `this.state.someValue` is updated and it tries to re-render.\r\n\r\nI'm not sure what the best solution would look like. Do you think jQuery's `modal` function could be ported over to React so it won't muck up the DOM?\r\n"}}