{"action":"created","issue":{"url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/6466","repository_url":"https://api.github.com/repos/gatsbyjs/gatsby","labels_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/6466/labels{/name}","comments_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/6466/comments","events_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/6466/events","html_url":"https://github.com/gatsbyjs/gatsby/issues/6466","id":341349201,"node_id":"MDU6SXNzdWUzNDEzNDkyMDE=","number":6466,"title":"[v2] hot reload not working for React components","user":{"login":"nodox","id":7632841,"node_id":"MDQ6VXNlcjc2MzI4NDE=","avatar_url":"https://avatars2.githubusercontent.com/u/7632841?v=4","gravatar_id":"","url":"https://api.github.com/users/nodox","html_url":"https://github.com/nodox","followers_url":"https://api.github.com/users/nodox/followers","following_url":"https://api.github.com/users/nodox/following{/other_user}","gists_url":"https://api.github.com/users/nodox/gists{/gist_id}","starred_url":"https://api.github.com/users/nodox/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nodox/subscriptions","organizations_url":"https://api.github.com/users/nodox/orgs","repos_url":"https://api.github.com/users/nodox/repos","events_url":"https://api.github.com/users/nodox/events{/privacy}","received_events_url":"https://api.github.com/users/nodox/received_events","type":"User","site_admin":false},"labels":[{"id":214544672,"node_id":"MDU6TGFiZWwyMTQ1NDQ2NzI=","url":"https://api.github.com/repos/gatsbyjs/gatsby/labels/%F0%9F%8F%B7%20type:%20bug","name":"🏷 type: bug","color":"d93f0b","default":false},{"id":214544675,"node_id":"MDU6TGFiZWwyMTQ1NDQ2NzU=","url":"https://api.github.com/repos/gatsbyjs/gatsby/labels/%F0%9F%93%8D%20status:%20help%20wanted","name":"📍 status: help wanted","color":"0e8a16","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":7,"created_at":"2018-07-15T20:18:13Z","updated_at":"2018-08-08T21:11:06Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"<!--\r\n  To make it easier for us to help you — please follow the suggested format below.\r\n\r\n  Useful Links:\r\n  - Documentation: https://www.gatsbyjs.org/docs/\r\n  - How to File an Issue: https://www.gatsbyjs.org/docs/how-to-file-an-issue/\r\n\r\n  Before opening a new issue, please search existing issues https://github.com/gatsbyjs/gatsby/issues\r\n-->\r\n\r\n## Description\r\nFor some reason I can only get hot reloading effects with my style sheets and not react components. Not sure if this a problem with v2 or my computer.\r\n\r\n\r\n### Steps to reproduce\r\nClone a brand new project using Gatsby v2. Change any style block. Save file and wait to see changes in the browser.\r\n\r\n### Expected result\r\n\r\nReact components should hot reload and the changes should be visible in the browser withou having to interact with the page.\r\n\r\n### Actual result\r\n\r\nWhen I change my styles in a `.css` file, the changes are hot reloaded and can be seen on screen immediately.\r\n\r\nWhen I modify the styles of a React components using an inline style block or styled-components, the style change is only reflect in the browser when I interact with the page or performa full reload.\r\n\r\n\r\n### Environment\r\n\r\n  System:\r\n    OS: macOS Sierra 10.12.6\r\n    CPU: x64 Intel(R) Core(TM) i5-5287U CPU @ 2.90GHz\r\n    Shell: 5.2 - /bin/zsh\r\n  Binaries:\r\n    Node: 9.7.1 - ~/.nvm/versions/node/v9.7.1/bin/node\r\n    Yarn: 1.5.1 - /usr/local/bin/yarn\r\n    npm: 6.0.0 - ~/.nvm/versions/node/v9.7.1/bin/npm\r\n  Browsers:\r\n    Chrome: 67.0.3396.99\r\n    Firefox: 57.0.4\r\n    Safari: 11.0.1\r\n  npmPackages:\r\n    gatsby: 2.0.0-beta.29 => 2.0.0-beta.29 \r\n    gatsby-cli: 2.0.0-beta.5 => 2.0.0-beta.5 \r\n    gatsby-plugin-react-helmet: next => 3.0.0-beta.3 \r\n  npmGlobalPackages:\r\n    gatsby-cli: 1.1.44\r\n\r\n### File contents (if changed)\r\n\r\n`gatsby-config.js`: N/A <!-- Please use a code block or just leave it as is if wasn't changed -->\r\n`package.json`: N/A <!-- Please use a code block or just leave it as is if wasn't changed -->\r\n`gatsby-node.js`: N/A <!-- Please use a code block or just leave it as is if wasn't changed -->\r\n`gatsby-browser.js`: N/A <!-- Please use a code block or just leave it as is if wasn't changed -->\r\n`gatsby-ssr.js`: N/A <!-- Please use a code block or just leave it as is if wasn't changed -->\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/comments/411553627","html_url":"https://github.com/gatsbyjs/gatsby/issues/6466#issuecomment-411553627","issue_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/6466","id":411553627,"node_id":"MDEyOklzc3VlQ29tbWVudDQxMTU1MzYyNw==","user":{"login":"alpgumus","id":1088037,"node_id":"MDQ6VXNlcjEwODgwMzc=","avatar_url":"https://avatars0.githubusercontent.com/u/1088037?v=4","gravatar_id":"","url":"https://api.github.com/users/alpgumus","html_url":"https://github.com/alpgumus","followers_url":"https://api.github.com/users/alpgumus/followers","following_url":"https://api.github.com/users/alpgumus/following{/other_user}","gists_url":"https://api.github.com/users/alpgumus/gists{/gist_id}","starred_url":"https://api.github.com/users/alpgumus/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alpgumus/subscriptions","organizations_url":"https://api.github.com/users/alpgumus/orgs","repos_url":"https://api.github.com/users/alpgumus/repos","events_url":"https://api.github.com/users/alpgumus/events{/privacy}","received_events_url":"https://api.github.com/users/alpgumus/received_events","type":"User","site_admin":false},"created_at":"2018-08-08T21:11:06Z","updated_at":"2018-08-08T21:11:06Z","author_association":"NONE","body":"It broke after beta.64"}}
{"actor":{"display_login":"alpgumus"}}