React - Component Full Screen (with height 100%)

Solution 1:

html, body, #app, #app>div {
  height: 100%
}

This will ensure all the chain to be height: 100%

Solution 2:

You could also do:

body > #root > div {
  height: 100vh;
}

Solution 3:

try <div style = {{height:"100vh"}}> </div>