строка response-native-svg-chart XAxis искаженные вызовы из поля js отличаются

Question

У меня есть эти данные, и я пытаюсь поместить dateTime как XAxis в моей LineChart:

[
      {
          "tempreture": 30.8,
          "humidity": 19,
          "co2": 1401.0774788665333,
          "dateTime": "2019-02-03T03:11:59.128Z"
      },
      {
          "tempreture": 30,
          "humidity": 19,
          "co2": 1164.9029618098828,
          "dateTime": "2019-02-03T02:51:50.097Z"
      },
      {
          "tempreture": 29.8,
          "humidity": 19,
          "co2": 1122.6781464089433,
          "dateTime": "2019-02-03T02:46:47.742Z"
      },
      {
          "tempreture": 29.7,
          "humidity": 19,
          "co2": 1122.6781464089433,
          "dateTime": "2019-02-03T02:26:38.580Z"
      }
]

У меня есть этот код для XAxis:

<XAxis
      data={this.state.data}
      xAccessor={({item}) => new Date(item['dateTime']).toLocaleTimeString('en-GB').substr(0, 8)}
/>

где new Date(item['dateTime']).toLocaleTimeString('en-GB').substr(0, 8) дает мне эти значения:

06:41:59
06:21:50
06:16:47
05:56:38
03:50:55
...

Однако я получаю эту ошибку: