[ViewPort Height Related Snippets] if -webkit-fill-available isnt enough...

viewport.js

  function appHeight() {
    document.documentElement.style.setProperty(
      '--vh',
      window.innerHeight * 0.01 + 'px'
    );
  }

  React.useEffect(() => {
    // window.addEventListener('resize', appHeight);
    // appHeight();
  }, []);

/*

CSS:

	height: 100vh;
	height: calc(var(--vh, 1vh) * 100); 
	height: -webkit-fill-available;

*/