Flex with text

[netgfx]

I'm wondering how could we achieve scaling a Box and their contents based on the size of the text inside. The text could change dynamically so the box (or surrounding element) should also resize.

I have this so far https://codesandbox.io/s/angry-maxwell-ovw6c5?file=/src/App.js

Thanks!