Endless scaling animation when a ResponsiveChart is placed in CSS grid?

What i’m trying to do is to have a an arbitrary sized dashboard tile layouted with CSS grid. I’m not sure why the ResponsiveBar shown in my Codesandbox example is infinitely scaled up?

https://codesandbox.io/s/4z8z15mp4w

[shea]

I just ran across this issue using css grid and found a workaround that’s working for me. Placing the chart inside a position: absolute container inside a position: relative container seems to let it resize properly. Maybe this will be helpful for someone.

https://codesandbox.io/s/1rzl826krj

<div style={{position: 'relative'}}>
  <div style={{ position: 'absolute', width: '100%', height: '100%' }}>
    <ResponsiveBar />
  </div>
</div>

[roz0n]

Is there any update regarding this issue, or is the absolute-positioning workaround the recommended approach?