Vieport vh trick

index.js

// First we get the viewport height and we multiple it by 1% to get a value for a vh unit
const vh = window.innerHeight * 0.01;
// Then we set the value in the --vh custom property to the root of the document
document.documentElement.style.setProperty('--vh', `${vh}px`);

mobileVhFix.js

export default () => {
    if (typeof window === "object") {
        document.documentElement.style.setProperty('--wh', `${window.innerHeight}px`);
        window.addEventListener("resize", () => {
            document.documentElement.style.setProperty('--wh', `${window.innerHeight}px`);
        })
    }
}

sample.scss

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