{"action":"opened","issue":{"url":"https://api.github.com/repos/jhudson8/react-chartjs/issues/3","labels_url":"https://api.github.com/repos/jhudson8/react-chartjs/issues/3/labels{/name}","comments_url":"https://api.github.com/repos/jhudson8/react-chartjs/issues/3/comments","events_url":"https://api.github.com/repos/jhudson8/react-chartjs/issues/3/events","html_url":"https://github.com/jhudson8/react-chartjs/issues/3","id":55382866,"number":3,"title":"Does this work with Browserify?","user":{"login":"sylg","id":1723187,"avatar_url":"https://avatars.githubusercontent.com/u/1723187?v=3","gravatar_id":"","url":"https://api.github.com/users/sylg","html_url":"https://github.com/sylg","followers_url":"https://api.github.com/users/sylg/followers","following_url":"https://api.github.com/users/sylg/following{/other_user}","gists_url":"https://api.github.com/users/sylg/gists{/gist_id}","starred_url":"https://api.github.com/users/sylg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sylg/subscriptions","organizations_url":"https://api.github.com/users/sylg/orgs","repos_url":"https://api.github.com/users/sylg/repos","events_url":"https://api.github.com/users/sylg/events{/privacy}","received_events_url":"https://api.github.com/users/sylg/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-01-24T19:59:05Z","updated_at":"2015-01-24T19:59:05Z","closed_at":null,"body":"I'm getting this error in the browser:\r\n\r\n`Uncaught Error: The charts were not initialized with the React instance`\r\n\r\nwith this sample test:\r\n\r\n```Javascript\r\n// main.js\r\nvar React = require('react');\r\nvar LineChart = require(\"react-chartjs/line\");\r\n\r\n\r\nvar newData = {\r\n    labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n    datasets: [\r\n        {\r\n            label: \"My First dataset\",\r\n            fillColor: \"rgba(220,220,220,0.2)\",\r\n            strokeColor: \"rgba(220,220,220,1)\",\r\n            pointColor: \"rgba(220,220,220,1)\",\r\n            pointStrokeColor: \"#fff\",\r\n            pointHighlightFill: \"#fff\",\r\n            pointHighlightStroke: \"rgba(220,220,220,1)\",\r\n            data: [65, 59, 80, 81, 56, 55, 40]\r\n        },\r\n        {\r\n            label: \"My Second dataset\",\r\n            fillColor: \"rgba(151,187,205,0.2)\",\r\n            strokeColor: \"rgba(151,187,205,1)\",\r\n            pointColor: \"rgba(151,187,205,1)\",\r\n            pointStrokeColor: \"#fff\",\r\n            pointHighlightFill: \"#fff\",\r\n            pointHighlightStroke: \"rgba(151,187,205,1)\",\r\n            data: [28, 48, 40, 19, 86, 27, 90]\r\n        }\r\n    ]\r\n};\r\n\r\nvar Test = React.createClass({\r\n  render: function() {\r\n    return (\r\n        <LineChart data={newData} options={{scaleShowGridLines : true}} width=\"600\" height=\"250\" />\r\n    );\r\n  }\r\n\r\n});\r\n\r\nReact.render(<Test />, document.body);\r\n\r\n```\r\n\r\nReact (via Browserify) work fine alone if remove everything related to react-chartjs...\r\n\r\nIf I fall back to just using script tags to load chart.js and react-chartjs, everything works fine.\r\n\r\n"}}