× TypeError: Cannot read property 'string' of undefined

[yosrReact]

When I used this package with react v16, I have the following error × TypeError: Cannot read property 'string' of undefined ./node_modules/react-formula-beautifier/dist/TeX.js D:/documents/reactjs/vsts-gomill/Editor/node_modules/react-formula-beautifier/dist/TeX.js:1

1 | "use strict";Object.defineProperty(exports,"__esModule",{value:true});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=require("react");var _react2=_interopRequireDefault(_react);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.proto=superClass}var Component=_react2.default.Component,PropTypes=_react2.default.PropTypes;var TeX=function(_Component){_inherits(TeX,_Component);function TeX(props){_classCallCheck(this,TeX);var _this=_possibleConstructorReturn(this,(TeX.proto||Object.getPrototypeOf(TeX)).call(this,props));_this.setNode=function(node){_this.node=node};MathJax.Hub.Config({tex2jax:props.tex2jax,showMathMenu:props.showMathMenu,showMathMenuMSIE:props.showMathMenuMSIE});return _this}_createClass(TeX,[{key:"componentDidMount",value:function componentDidMount(){MathJax.Hub.Queue(["Typeset",MathJax.Hub,this.node])}},{key:"componentDidUpdate",value:function componentDidUpdate(){MathJax.Hub.Queue(["Typeset",MathJax.Hub,this.node])}},{key:"render",value:function render(){return _react2.default.createElement("div",{className:this.props.className,id:"MathJax-TeX",ref:this.setNode,style:this.props.style},"$"+this.props.value+"$")}}]);return TeX}(Component);TeX.propTypes={className:PropTypes.string,showMathMenu:PropTypes.bool,showMathMenuMSIE:PropTypes.bool,style:PropTypes.object,tex2jax:PropTypes.object,value:PropTypes.string};TeX.defaultProps={showMathMenu:false,showMathMenuMSIE:false,tex2jax:{inlineMath:[["$","$"],["\(","\)"]]}};exports.default=TeX;

[Faradey27]

@yosrReact sorry i can not reproduce this, can you provide link to repo to play with? or maybe just link to jsfiddle or some other live demo of problem

[beynar]

same here :/

[imthims]

When I used this package with react v16, I have the following error × TypeError: Cannot read property 'string' of undefined ./node_modules/react-formula-beautifier/dist/TeX.js D:/documents/reactjs/vsts-gomill/Editor/node_modules/react-formula-beautifier/dist/TeX.js:1

1 | "use strict";Object.defineProperty(exports,"__esModule",{value:true});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=require("react");var _react2=_interopRequireDefault(_react);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.proto=superClass}var Component=_react2.default.Component,PropTypes=_react2.default.PropTypes;var TeX=function(_Component){_inherits(TeX,_Component);function TeX(props){_classCallCheck(this,TeX);var _this=_possibleConstructorReturn(this,(TeX.proto||Object.getPrototypeOf(TeX)).call(this,props));_this.setNode=function(node){_this.node=node};MathJax.Hub.Config({tex2jax:props.tex2jax,showMathMenu:props.showMathMenu,showMathMenuMSIE:props.showMathMenuMSIE});return _this}_createClass(TeX,[{key:"componentDidMount",value:function componentDidMount(){MathJax.Hub.Queue(["Typeset",MathJax.Hub,this.node])}},{key:"componentDidUpdate",value:function componentDidUpdate(){MathJax.Hub.Queue(["Typeset",MathJax.Hub,this.node])}},{key:"render",value:function render(){return _react2.default.createElement("div",{className:this.props.className,id:"MathJax-TeX",ref:this.setNode,style:this.props.style},"$"+this.props.value+"$")}}]);return TeX}(Component);TeX.propTypes={className:PropTypes.string,showMathMenu:PropTypes.bool,showMathMenuMSIE:PropTypes.bool,style:PropTypes.object,tex2jax:PropTypes.object,value:PropTypes.string};TeX.defaultProps={showMathMenu:false,showMathMenuMSIE:false,tex2jax:{inlineMath:[["$","$"],["(",")"]]}};exports.default=TeX;

same here

[imthims]

@yosrReact sorry i can not reproduce this, can you provide link to repo to play with? or maybe just link to jsfiddle or some other live demo of problem

you are using webpack in your example. so you may not reproduce it?