Rechartsのbarchartでバーを横にする

Rechartsはreactのグラフ描画のライブラリですがBarChartを横にする場合、layoutをverticalにするとグラフが消えてしまうという問題が起きていました。

この問題の対処はYAxisのtypeをcategoryにし、XAxisのtypeをnumberにすることで解決します。

<BarChart
        width={400}
        height={200}
        layout="vertical"
        data={data}>
        <XAxis type="number"/>
        <YAxis   dataKey="name" type="category" />
        <Bar dataKey="pv" fill="#8884d8" />
        <Bar dataKey="uv" fill="#82ca9d" />
        <Bar dataKey="amt" fill="#74ca1d" />
</BarChart>

3時間くらい嵌りました‥。