{"action":"created","issue":{"url":"https://api.github.com/repos/akiran/react-slick/issues/24","labels_url":"https://api.github.com/repos/akiran/react-slick/issues/24/labels{/name}","comments_url":"https://api.github.com/repos/akiran/react-slick/issues/24/comments","events_url":"https://api.github.com/repos/akiran/react-slick/issues/24/events","html_url":"https://github.com/akiran/react-slick/issues/24","id":59574547,"number":24,"title":"require('react') may resolve to react-slick's local bower_components/react","user":{"login":"grrowl","id":907140,"avatar_url":"https://avatars.githubusercontent.com/u/907140?v=3","gravatar_id":"","url":"https://api.github.com/users/grrowl","html_url":"https://github.com/grrowl","followers_url":"https://api.github.com/users/grrowl/followers","following_url":"https://api.github.com/users/grrowl/following{/other_user}","gists_url":"https://api.github.com/users/grrowl/gists{/gist_id}","starred_url":"https://api.github.com/users/grrowl/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/grrowl/subscriptions","organizations_url":"https://api.github.com/users/grrowl/orgs","repos_url":"https://api.github.com/users/grrowl/repos","events_url":"https://api.github.com/users/grrowl/events{/privacy}","received_events_url":"https://api.github.com/users/grrowl/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-03-03T00:09:07Z","updated_at":"2015-03-11T23:03:05Z","closed_at":"2015-03-11T16:48:01Z","body":"in my webpack.config.js I have:\r\n```js\r\n  resolve: {\r\n    extensions: ['', '.js', '.jsx'],\r\n    modulesDirectories: ['bower_components', 'node_modules'],\r\n  },\r\n  plugins: [\r\n    new webpack.ResolverPlugin(\r\n      new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin('bower.json', ['main'])\r\n    ),\r\n```\r\n\r\nWhich means the `require('react');` within react-slick.js resolves `react` to the react.js in its `bower_components` directory, and fails within React's `findComponentRoot` on (compiled) line 11563: `firstChildren[0] = deepestAncestor.firstChild;`.\r\n\r\nThe issue is that when -slick intitialises, React looks for the root node, which is generated by a *different* React, therefore `ReactMount.findComponentRoot` can't find `reactRoot`.\r\n\r\nDeleting the `bower_components` directory inside `node_modules/react-slick` fixed my issue for now, but it will come back when a fresh environment does a `npm install` (including elastic beanstalk or heroku builds). I haven't got a permanent solution yet."},"comment":{"url":"https://api.github.com/repos/akiran/react-slick/issues/comments/78391823","html_url":"https://github.com/akiran/react-slick/issues/24#issuecomment-78391823","issue_url":"https://api.github.com/repos/akiran/react-slick/issues/24","id":78391823,"user":{"login":"grrowl","id":907140,"avatar_url":"https://avatars.githubusercontent.com/u/907140?v=3","gravatar_id":"","url":"https://api.github.com/users/grrowl","html_url":"https://github.com/grrowl","followers_url":"https://api.github.com/users/grrowl/followers","following_url":"https://api.github.com/users/grrowl/following{/other_user}","gists_url":"https://api.github.com/users/grrowl/gists{/gist_id}","starred_url":"https://api.github.com/users/grrowl/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/grrowl/subscriptions","organizations_url":"https://api.github.com/users/grrowl/orgs","repos_url":"https://api.github.com/users/grrowl/repos","events_url":"https://api.github.com/users/grrowl/events{/privacy}","received_events_url":"https://api.github.com/users/grrowl/received_events","type":"User","site_admin":false},"created_at":"2015-03-11T23:03:05Z","updated_at":"2015-03-11T23:03:05Z","body":":+1: works for me!"}}