Problem: fixWidth.jsx throws Invariant Violation in React v15

invariant.js:39 Uncaught Invariant Violation: traverseParentPath(…): Cannot traverse from and to the same ID, ``.

Code to reproduce

import React from "react";
import d3 from "d3";

import ReStock from "react-stockcharts";

var {ChartCanvas, Chart} = ReStock;

var {CandlestickSeries} = ReStock.series;
var {XAxis, YAxis} = ReStock.axes;
var {fitWidth} = ReStock.helper;

class CandleStickChart extends React.Component {
  render() {
    const {type, width, data} = this.props;
    return (
      <ChartCanvas width={width} height={400}
                   margin={{left: 0, right: 0, top:25, bottom: 30}} type={type}
                   data={data}
                   seriesName='CandleStick'
                   xAccessor={d => d.date} xScale={d3.time.scale()}>

        <Chart id={1} yExtents={d => [d.high, d.low]}>
          <XAxis axisAt="bottom" orient="bottom" ticks={6} stroke="none" tickStroke="#9E9E9E"/>
          <YAxis axisAt="left" orient="right" ticks={10} stroke="none" tickStroke="#9E9E9E"/>
          <CandlestickSeries fill={d => d.close > d.open ? "#32c2b0" : "#EDB24E"}/>
        </Chart>
      </ChartCanvas>
    );
  }
}

CandleStickChart.propTypes = {
  data: React.PropTypes.array.isRequired,
  width: React.PropTypes.number.isRequired,
  type: React.PropTypes.oneOf(["svg", "hybrid"]).isRequired,
};

CandleStickChart.defaultProps = {
  type: "svg"
};
CandleStickChart = fitWidth(CandleStickChart);

export default CandleStickChart;

[tommiley]

This happens when using npm, react-stockcharts is loading the older version of react and its conflicting with 15.0.1. Once react-stockcharts is updated to depend on 15.0.1 it should resolve the issue.

[rrag]

fixed, published in 0.5