Issue 1:
Describe what you were doing when the bug occurred:

fetching data from gh api

trying to append pictures to a slider ;p

happily hacking

Please do not remove the text below this line

DevTools version: 4.9.0-75726fadfd

Call stack: at store_Store.getElementAtIndex (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:21068:35)

at store_Store.getElementIDAtIndex (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:21084:26)

at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:28520:63

at List.render (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:22776:18)

at wi (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:13590:76)

at vi (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:13581:10)

at nk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:16165:86)

at mk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:15541:11)

at lk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:15533:23)

at dk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:15517:5)

Component stack: at List (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:22471:30)

at div

at AutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:3006:5)

at div

at div

at Tree_Tree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:28271:47)

at div

at div

at InspectedElementContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:28763:3)

at OwnersListContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:27400:3)

at SettingsModalContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:28048:3)

at Components_Components (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:33225:52)

at ErrorBoundary_ErrorBoundary (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:29061:5)

at PortaledContent (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:29178:32)

at div

at div

at ProfilerContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32776:3)

at TreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:24164:3)

at SettingsContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:24653:3)

at ModalDialogContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:29246:3)

at DevTools_DevTools (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:36049:3)

Issue 2:
If you use CSS to set the height of the react app container to 100% (and the other containing containers as well), then you will get the error "Warning: unstable_flushDiscreteUpdates: Cannot flush updates when React is already rendering" outputted to your developer console after you continue from a breakpoint.

I've got a very simple testcase. This is the create-react-app example, with only the following CSS added:

html {

height: 100%;

}

#root {

height: 100%;

}

.App {

height: 100%;

}

React version: 17.0.1

React DOM version: 17.0.1

Repros in Chrome (89.0.4389.72) and Edge (88.0.705.81)

Steps To Reproduce

download and unzip hello-world.zip (or create a new app from scratch and add the above CSS to index.css)

in the folder created above, run "npm install"

run "npm start"

Open a web browser to the specified location serving the page.

Open developer tools, and set a breakpoint somewhere inside of app.js (you can alternatively add a "debugger" statement inside of your app.js)

restart the browser, and after hitting the breakpoint, hit continue

Check the console and observe the error output.

There are no dependencies other than react for this repro.

Link to code example:

hello-world.zip

The current behavior

Console outputs error whenever a breakpoint is hit, only when CSS has app container sized at 100%

The expected behavior

Console should not output error noise regardless of sizing of app container