Bar Chart type 'numeric' has misaligned bar for 0 value

[Carmin332]

I'm using the following code to render a bar chart, but I encounter misalignment when the x-value is 0:

var options = {
  chart: {
    height: 380,
    width: "100%",
  },
  series: [
    {
      name: "Series 1",
  data:[[0, 1], [1, 2], [2, 3] , [3, 4]]
    }
  ],
  xaxis: {
      type: 'numeric'
  }
};

  <Chart
            options={options}
            series={options.series}
            type={'bar'}
            height={'100%'}
            width={'100%'}
          />

However, all other x-values work fine, but the bar for 0 seems misaligned. What can I do fix this?