Justo puedes modificar los estilos de la aplicación que se genera automáticamente en React desde App.css siempre que tu componente App se esté cargando, ahora, si estás seguro de ello, sugiero no colocar a los tags html y body estos estilos pues podría decir que el navegador ya los despliega en este tamaño que viene a ser el tamaño de la ventana, ahora, ¿Cómo hacer que tu componente raíz se vea a toda la pantalla?, en el entendido que tu componente App se encuentra cargado dentro de root y este se carga dentro del tag body entonces a tu componente App hay que agregar una clase css.
return (<App className="general" />);
y en CSS manejar la clase de la siguiente forma...
// Sugiero hacer siempre esto, remueve márgenes generados automáticamente por el navegador
* {
margin: 0px;
padding: 0px;
}
.general {
height: 100vh; // Alto de la ventana
width: 100vw; // Ancho de la ventana
background-color: purple; // Solo para ver el resultado
}
Si todo está en su lugar, podrás ver un resultado parecido:
1: 
100vh
?height: 100%
en#app
al igual que la propiedadmin-height
.