<p dir="auto">A recent update to the React Developer Tools Chrome Extension looks like it has a build issue.</p>
<h2 dir="auto">The current behaviour</h2>
<p dir="auto">Chrome console is reporting</p>
<blockquote>
<p dir="auto">DevTools failed to load SourceMap: Could not load content for chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/injectGlobalHook.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME</p>
</blockquote>
<p dir="auto">Looking at the map file it contains a lot of references to local paths on <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/bvaughn/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/bvaughn">@bvaughn</a>'s computer.</p>
<div class="highlight highlight-source-json notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="{&quot;version&quot;:3,&quot;sources&quot;:[&quot;webpack:///webpack/bootstrap&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/build/node_modules/react/index.js&quot;,&quot;webpack:///../react-devtools-shared/src/types.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/build/node_modules/react-is/index.js&quot;,&quot;webpack:///../react-devtools-shared/src/hook.js&quot;,&quot;webpack:///./src/injectGlobalHook.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/clipboard-js/clipboard.js&quot;,&quot;webpack:///../shared/ReactSymbols.js&quot;,&quot;webpack:///../react-devtools-shared/src/utils.js&quot;,&quot;webpack:///../react-devtools-shared/node_modules/semver/semver.js&quot;,&quot;webpack:///../react-devtools-shared/src/constants.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/object-assign/index.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/lru-cache/index.js&quot;,&quot;webpack:///../shared/ConsolePatchingDev.js&quot;,&quot;webpack:///../react-devtools-shared/src/backend/DevToolsComponentStackFrame.js&quot;,&quot;webpack:///../react-devtools-shared/src/backend/DevToolsFiberComponentStack.js&quot;,&quot;webpack:///../react-devtools-shared/src/backend/console.js&quot;,&quot;webpack:///../react-devtools-shared/src/backend/utils.js&quot;,&quot;webpack:///../react-devtools-shared/src/backend/renderer.js&quot;,&quot;webpack:///../react-devtools-shared/src/backend/ReactSymbols.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/process/browser.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/lru-cache/node_modules/yallist/yallist.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/lru-cache/node_modules/yallist/iterator.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/build/node_modules/react-is/cjs/react-is.production.min.js&quot;,&quot;webpack:///../react-devtools-shared/src/devtools/views/root.css&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/build/node_modules/react/cjs/react.production.min.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/build/node_modules/react-debug-tools/index.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/build/node_modules/react-debug-tools/cjs/react-debug-tools.production.min.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/error-stack-parser/error-stack-parser.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/stackframe/stackframe.js&quot;,&quot;webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/nullthrows/nullthrows.js&quot;,&quot;webpack:///../react-devtools-shared/src/storage.js&quot;,&quot;webpack:///../react-devtools-shared/src/hydration.js&quot;],&quot;names&quot;:[&quot;process&quot;,&quot;module&quot;,&quot;exports&quot;,&quot;require&quot;,&quot;ElementTypeClass&quot;,&quot;ElementTypeContext&quot;,&quot;ElementTypeFunction&quot;,&quot;ElementTypeForwardRef&quot;,&quot;ElementTypeHostComponent&quot;,&quot;ElementTypeMemo&quot;,&quot;ElementTypeOtherOrUnknown&quot;,&quot;ElementTypeProfiler&quot;,&quot;ElementTypeRoot&quot;,&quot;ElementTypeSu
"><pre class="notranslate">{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:////Users/bvaughn/Documents/git/react.alt2/build/node_modules/react/index.js","webpack:///../react-devtools-shared/src/types.js","webpack:////Users/bvaughn/Documents/git/react.alt2/build/node_modules/react-is/index.js","webpack:///../react-devtools-shared/src/hook.js","webpack:///./src/injectGlobalHook.js","webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/clipboard-js/clipboard.js","webpack:///../shared/ReactSymbols.js","webpack:///../react-devtools-shared/src/utils.js","webpack:///../react-devtools-shared/node_modules/semver/semver.js","webpack:///../react-devtools-shared/src/constants.js","webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/object-assign/index.js","webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/lru-cache/index.js","webpack:///../shared/ConsolePatchingDev.js","webpack:///../react-devtools-shared/src/backend/DevToolsComponentStackFrame.js","webpack:///../react-devtools-shared/src/backend/DevToolsFiberComponentStack.js","webpack:///../react-devtools-shared/src/backend/console.js","webpack:///../react-devtools-shared/src/backend/utils.js","webpack:///../react-devtools-shared/src/backend/renderer.js","webpack:///../react-devtools-shared/src/backend/ReactSymbols.js","webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/process/browser.js","webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/lru-cache/node_modules/yallist/yallist.js","webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/lru-cache/node_modules/yallist/iterator.js","webpack:////Users/bvaughn/Documents/git/react.alt2/build/node_modules/react-is/cjs/react-is.production.min.js","webpack:///../react-devtools-shared/src/devtools/views/root.css","webpack:////Users/bvaughn/Documents/git/react.alt2/build/node_modules/react/cjs/react.production.min.js","webpack:////Users/bvaughn/Documents/git/react.alt2/build/node_modules/react-debug-tools/index.js","webpack:////Users/bvaughn/Documents/git/react.alt2/build/node_modules/react-debug-tools/cjs/react-debug-tools.production.min.js","webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/error-stack-parser/error-stack-parser.js","webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/stackframe/stackframe.js","webpack:////Users/bvaughn/Documents/git/react.alt2/node_modules/nullthrows/nullthrows.js","webpack:///../react-devtools-shared/src/storage.js","webpack:///../react-devtools-shared/src/hydration.js"],"names":["process","module","exports","require","ElementTypeClass","ElementTypeContext","ElementTypeFunction","ElementTypeForwardRef","ElementTypeHostComponent","ElementTypeMemo","ElementTypeOtherOrUnknown","ElementTypeProfiler","ElementTypeRoot","ElementTypeSu
</pre></div>
<h2 dir="auto">The expected behaviour</h2>
<ul dir="auto">
<li>No Chrome message complaining about the SourceMap</li>
</ul>
<p dir="auto">In <a href="extjs-reactor">extjs-reactor</a> we use some react internal methods like mountComponent, unmountComponent, and receiveComponent, as well as the ReactMultiChild mixin to defer rendering to Ext JS.  This interface was very helpful for anyone looking to make generic JS component libraries work in React (as opposed to those built specifically for React).</p>
<p dir="auto">Is there an equivalent/alternative way to control the mounting of a component in the new Fiber architecture?</p>
<p dir="auto">If it helps, here is the code that references the React internal methods:</p>
<p dir="auto"><a href="https://github.com/sencha/extjs-reactor/blob/master/packages/reactor/src/ExtJSComponent.js">https://github.com/sencha/extjs-reactor/blob/master/packages/reactor/src/ExtJSComponent.js</a></p>