{"action":"closed","issue":{"url":"https://api.github.com/repos/kadirahq/flow-router/issues/298","labels_url":"https://api.github.com/repos/kadirahq/flow-router/issues/298/labels{/name}","comments_url":"https://api.github.com/repos/kadirahq/flow-router/issues/298/comments","events_url":"https://api.github.com/repos/kadirahq/flow-router/issues/298/events","html_url":"https://github.com/kadirahq/flow-router/issues/298","id":104019389,"number":298,"title":"Routing does not work as supposed with React","user":{"login":"vaclav-zeman","id":8337116,"avatar_url":"https://avatars.githubusercontent.com/u/8337116?v=3","gravatar_id":"","url":"https://api.github.com/users/vaclav-zeman","html_url":"https://github.com/vaclav-zeman","followers_url":"https://api.github.com/users/vaclav-zeman/followers","following_url":"https://api.github.com/users/vaclav-zeman/following{/other_user}","gists_url":"https://api.github.com/users/vaclav-zeman/gists{/gist_id}","starred_url":"https://api.github.com/users/vaclav-zeman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vaclav-zeman/subscriptions","organizations_url":"https://api.github.com/users/vaclav-zeman/orgs","repos_url":"https://api.github.com/users/vaclav-zeman/repos","events_url":"https://api.github.com/users/vaclav-zeman/events{/privacy}","received_events_url":"https://api.github.com/users/vaclav-zeman/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-08-31T09:36:39Z","updated_at":"2015-09-09T06:27:31Z","closed_at":"2015-09-09T06:27:30Z","body":"I somehow can't make the routing work with React. When I click on some link (e.g.``` <a href=\"/transactions\">```) on the page, the URL changes to /transactions but the page content does not change until I hit the F5 / reload browser.\r\n\r\nAm I doing something wrong? Do I need to force React to re-render the page on route change or anything like this?\r\n\r\nI've got this code:\r\n```\r\nFlowRouter.route(\"/transactions\", {\r\n  action: function () {\r\n    console.info(\"Routing /transactions\");\r\n    ReactLayout.render(App, {\r\n      content: <TransactionsPage />\r\n    });\r\n  }\r\n});\r\n\r\nFlowRouter.route(\"/\", {\r\n  action: function () {\r\n    ReactLayout.render(App, {\r\n      content: <DashboardPage />\r\n    });\r\n  }\r\n});\r\n```\r\n\r\nThere are also some **errors in the console**:\r\n```\r\nWarning: setProps(...) is deprecated in plain JavaScript React classes. Instead, call React.render again at the top level.\r\n```\r\n```\r\ndebug.js:41 Exception from Tracker recompute function:\r\ndebug.js:41 TypeError: self._currentLayoutComp.setProps is not a function\r\n    at HTMLDocument.<anonymous> (react_layout.js:45)\r\n    at jQuery.Callbacks.fire (jquery.js:3143)\r\n    at Object.jQuery.Callbacks.self.add [as done] (jquery.js:3189)\r\n    at jQuery.fn.ready (jquery.js:3423)\r\n    at jQuery.fn.init (jquery.js:2863)\r\n    at jQuery (jquery.js:73)\r\n    at Object.ReactLayout._ready (react_layout.js:52)\r\n    at Object.ReactLayout._renderClient (react_layout.js:37)\r\n    at Object.ReactLayout.render (react_layout.js:18)\r\n    at FlowRouter.route.action [as _action] (Routes.jsx:12)\r\n```"}}