Title: Broken State Detected · Issue #1315 · gaearon/react-hot-loader · GitHub
Open Graph Title: Broken State Detected · Issue #1315 · gaearon/react-hot-loader
X Title: Broken State Detected · Issue #1315 · gaearon/react-hot-loader
Description: React-Hot-Loader: broken state detected, please import React-Hot-Loader before react-dom When This message would be displayed when ReactDOM.render does not exists. Reason React-Dom will import React-Hot-Loader, which will import React-Do...
Open Graph Description: React-Hot-Loader: broken state detected, please import React-Hot-Loader before react-dom When This message would be displayed when ReactDOM.render does not exists. Reason React-Dom will import Reac...
X Description: React-Hot-Loader: broken state detected, please import React-Hot-Loader before react-dom When This message would be displayed when ReactDOM.render does not exists. Reason React-Dom will import Reac...
Opengraph URL: https://github.com/gaearon/react-hot-loader/issues/1315
X: @github
Domain: redirect.github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Broken State Detected","articleBody":"\u003e React-Hot-Loader: broken state detected, please import React-Hot-Loader before react-dom\r\n\r\n## When\r\nThis message would be displayed when `ReactDOM.render` does not exists.\r\n\r\n## Reason\r\n`React-Dom` will import `React-Hot-Loader`, which will import `React-Dom`, which is already in the loading state, so it would return \"nothing\".\r\n\r\n## Fix\r\n1. Import `react-hot-loader` before. For example, prepend your `entry` with `react-hot-loader/patch`\r\n2. Set `noRegister` option for webpack-loader, if you are using it to patch `react-dom`\r\n```js\r\n{\r\n include: /node_modules\\/react-dom/,\r\n test: /\\.jsx?$/,\r\n use: {\r\n loader: 'react-hot-loader/webpack',\r\n options: {\r\n noRegister: true,\r\n }\r\n },\r\n}\r\n```\r\n\r\n## See also\r\n- https://github.com/gatsbyjs/gatsby/pull/16146","author":{"url":"https://github.com/theKashey","@type":"Person","name":"theKashey"},"datePublished":"2019-08-01T08:16:44.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/1315/react-hot-loader/issues/1315"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:25576071-8056-0cb6-0865-bc0c9c240a28 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | D5E0:16A074:34CC0E6:463AB2C:6A6551E2 |
| html-safe-nonce | 7274d81f86076bd65c106436b06e21e6232a1d5551712d97cfc2e561b2c0585e |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJENUUwOjE2QTA3NDozNENDMEU2OjQ2M0FCMkM6NkE2NTUxRTIiLCJ2aXNpdG9yX2lkIjoiNjAxOTU3MjE5Mzg1MjQ3NzkyMiIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | 6e93fd2a9eec302af68025d6e77068a38e87a9fe43937f5f85a1d4f06014bb1b |
| hovercard-subject-tag | issue:475540966 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/gaearon/react-hot-loader/1315/issue_layout |
| twitter:image | https://opengraph.githubassets.com/60faa8160fa85fa20a64ee8791e400d81ca09b582e4a1bca14aebf5bcb151ef1/gaearon/react-hot-loader/issues/1315 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/60faa8160fa85fa20a64ee8791e400d81ca09b582e4a1bca14aebf5bcb151ef1/gaearon/react-hot-loader/issues/1315 |
| og:image:alt | React-Hot-Loader: broken state detected, please import React-Hot-Loader before react-dom When This message would be displayed when ReactDOM.render does not exists. Reason React-Dom will import Reac... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | theKashey |
| hostname | github.com |
| expected-hostname | github.com |
| None | 52c76df668885aaff23b50bdca1fa1ea44ac9c1553e888ebc70ff1e4daa4625b |
| turbo-cache-control | no-preview |
| go-import | github.com/gaearon/react-hot-loader git https://github.com/gaearon/react-hot-loader.git |
| octolytics-dimension-user_id | 810438 |
| octolytics-dimension-user_login | gaearon |
| octolytics-dimension-repository_id | 21779020 |
| octolytics-dimension-repository_nwo | gaearon/react-hot-loader |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 21779020 |
| octolytics-dimension-repository_network_root_nwo | gaearon/react-hot-loader |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 309153364422b3c499922d1a2a6404910a58ed8e |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width