I am trying to solve the problem of height:100vh in Mobile Browser Like Safari, Chrome So I have written Dynamic CSS using JavaScript But It is not working in ReactJS

1. const homePage = {
2.    height:"calc(" + window.innerHeight + " - 80px)",
3.    '@media screen and (max-width:768px)':{
4.      height:"calc(" + window.innerHeight + " - 60px"
5.    },
6. }
7. return (
8.    <Fragment>
9.      <section className="nad-home-page" style={homePage}>
10.        <div className='container>...code going so on

Can you let me know What I am doing wrong ?