Dynamically adding content to referenced React child depending on viewport height

Question

I have implemented a proof of concept to illustrate what I try to achiev https://codesandbox.io/s/html-react-parser-forked-wcxv8?file=/src/index.js

I render an articl