{"action":"closed","issue":{"url":"https://api.github.com/repos/gaearon/react-dnd/issues/235","labels_url":"https://api.github.com/repos/gaearon/react-dnd/issues/235/labels{/name}","comments_url":"https://api.github.com/repos/gaearon/react-dnd/issues/235/comments","events_url":"https://api.github.com/repos/gaearon/react-dnd/issues/235/events","html_url":"https://github.com/gaearon/react-dnd/issues/235","id":95313476,"number":235,"title":"Incompatibility with react-router 1.0 AsyncProps","user":{"login":"globexdesigns","id":226640,"avatar_url":"https://avatars.githubusercontent.com/u/226640?v=3","gravatar_id":"","url":"https://api.github.com/users/globexdesigns","html_url":"https://github.com/globexdesigns","followers_url":"https://api.github.com/users/globexdesigns/followers","following_url":"https://api.github.com/users/globexdesigns/following{/other_user}","gists_url":"https://api.github.com/users/globexdesigns/gists{/gist_id}","starred_url":"https://api.github.com/users/globexdesigns/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/globexdesigns/subscriptions","organizations_url":"https://api.github.com/users/globexdesigns/orgs","repos_url":"https://api.github.com/users/globexdesigns/repos","events_url":"https://api.github.com/users/globexdesigns/events{/privacy}","received_events_url":"https://api.github.com/users/globexdesigns/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-07-15T23:48:09Z","updated_at":"2015-07-16T17:48:30Z","closed_at":"2015-07-16T17:48:30Z","body":"I'm having trouble getting react-dnd to work with react-router 1.0. Here is a very simple code sample which fails:\r\n\r\n```javascript\r\n// main.js\r\nimport React from 'react';\r\nimport {render} from 'react-dom';\r\nimport {Router, Route, Redirect} from 'react-router';\r\nimport {history} from 'react-router/lib/BrowserHistory';\r\nimport AsyncProps from 'react-router/lib/experimental/AsyncProps';\r\n\r\nconst spinner = () => <div>Loading...</div>;\r\n\r\nrender((\r\n\t<Router createElement={AsyncProps.createElement} history={history}>\r\n\t\t<Route component={AsyncProps} renderInitialLoad={spinner}>\r\n\t\t\t<Route component={require('./app')} />\r\n\t\t</Route>\r\n\t</Router>\r\n), document.getElementById('App'));\r\n\r\n// app.js\r\nimport React, {Component} from 'react';\r\nimport HTML5Backend from 'react-dnd/modules/backends/HTML5';\r\nimport {DragDropContext} from 'react-dnd';\r\n\r\n@DragDropContext(HTML5Backend)\r\nexport default class App extends Component {\r\n\r\n\tstatic loadProps (params, cb) {\r\n\t\tloadStores()\r\n\t\t\t.then(() => cb(null, { test: \"foobar\" }));\r\n\t}\r\n\r\n\trender () {\r\n\t\treturn (\r\n\t\t\t<div className=\"App\">\r\n\t\t\t\t{this.props.children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n```\r\n\r\nThe app is stuck on the \"Loading\" spinner and never reaches the App component. No error is thrown to the console, and nothing is reported in webpack. It's a silent failure.\r\n\r\nIf I remove the DragDropContext decorator - everything works again correctly. Similarly, if I remove the AsyncProps handlers from the router and load the components directly -- everything works fine too.\r\n\r\nAny ideas as to what could be going wrong?"}}