RangeError: Maximum call stack size exceeded about babel-plugin-transform-react-createelement-to-jsx

[flying-sheep]

hmm, works for me.

$ wget https://raw.githubusercontent.com/capaj/react-datetime/master/src/YearsView.js
$ npm run build
$ npx babel --plugins ./lib YearsView.js
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _createReactClass = _interopRequireDefault(require("create-react-class"));

var _reactOnclickoutside = _interopRequireDefault(require("@capaj/react-onclickoutside"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var DateTimePickerYears = (0, _reactOnclickoutside.default)((0, _createReactClass.default)({
  render: function render() {
    var year = parseInt(this.props.viewDate.year() / 10, 10) * 10;
    return <div className='rdtYears'>{[<table key='a'><thead><tr>{[<th key='prev' className='rdtPrev' onClick={this.props.subtractTime(10, 'years')}><span>‹</span></th>, <th key='year' className='rdtSwitch' onClick={this.props.showView('years')} colSpan={2}>{"".concat(year, "-").concat(year + 9)}</th>, <th key='next' className='rdtNext' onClick={this.props.addTime(10, 'years')}><span>›</span></th>]}</tr></thead></table>, <table key='years'><tbody>{this.renderYears(year)}</tbody></table>]}</div>;
  },
  ...
};

...

can you give me a reproducible example as a sequence of shell commands?

maybe some .babelrc or something interferes

[capaj]

works flawlessly when I use --no-babelrc. Thanks

[flying-sheep]

ah! happy my hunch has helped here!