Getting the correct height of an enclosing flex container

Question

I am attempting to add a div to an existing webpage in React. It is no problem if the viewport is static, but I need to allow for changes to the viewport and smaller devices.