Sunburst doesn't show up

[MateuszTrN]

I'm trying to do some simple "hello world" and the sunburst can't be displayed which surprises me even more because there is no error. codesandbox: https://codesandbox.io/s/late-bird-2ug41?file=/index.js

import React from "react";
import ReactDOM from "react-dom";
import Sunburst from "@latticejs/recharts-sunburst";

const sunburstData = [
  {
    name: "All",
    children: [
      { name: "Data", size: 20544 },
      { name: "DataList", size: 19788 },
      { name: "DataSprite", size: 10349 },
      { name: "EdgeSprite", size: 3301 },
      { name: "NodeSprite", size: 19382 },
      {
        name: "render",
        children: [
          { name: "ArrowType", size: 698 },
          { name: "EdgeRenderer", size: 5569 },
          { name: "IRenderer", size: 353 },
          { name: "ShapeRenderer", size: 2247 }
        ]
      },
      { name: "ScaleBinding", size: 11275 },
      { name: "Tree", size: 7147 },
      { name: "TreeBuilder", size: 9930 }
    ]
  }
];

const App = (props) => {
  /* eslint-disable no-unused-expressions */
  return (
    <div>
      <h3>test</h3>
      <Sunburst
        width={300}
        ratio={4 / 3}
        data={sunburstData}
        dataKey="size"
        nameKey="name"
      />
    </div>
  );
};

const rootElement = document.body.appendChild(document.createElement("div"));
ReactDOM.render(<App />, rootElement);