JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap"></div>

CSS

@supports (-webkit-touch-callout: none) {
  .img {
    height: -webkit-fill-available;
  }
}

JavaScript

$(window).on('load', function () {
  var innerHeight = window.innerHeight;
  //wrapは任意の値に変えてください。
  $('.wrap').css('height', innerHeight + 'px');
});