jquery plugin integration production build fails

[chandmk]

I am trying to integrate a jquery mobile menu. Following code works fine in dev build. But fails with the error

Component code

import React, { Component } from "react";
import jQuery from "jquery";
import mmenu from "jquery.mmenu";

class MMenu extends Component {
  componentDidMount() {
    this.$el = jQuery(this.el);
    this.$el.mmenu({navbar: {add: false}});
  }

  componentWillUnmount() {
    this.$el.mmenu("destroy");
  }

  render() {
    return (
        <nav  id="menu" ref={el => (this.el = el)} >
          {this.props.children}
        </nav>        
    );
  }
}

export default MMenu;

Error while making production build

 Error: Cannot set property 'mmenu' of undefined

    - render-page.js:59764
      render-page.js:59764:11413

    - render-page.js:59764 Object.<anonymous>
      render-page.js:59764:12312

    - render-page.js:59745 n
      render-page.js:59745:231

    - render-page.js:59751 Object.exports.__esModule
      render-page.js:59751:3

    - render-page.js:30 __webpack_require__
      render-page.js:30:30

    - render-page.js:49404 Object.<anonymous>
      render-page.js:49404:17

    - render-page.js:30 __webpack_require__
      render-page.js:30:30

    - render-page.js:47481 Object.exports.__esModule
      render-page.js:47481:15

    - render-page.js:30 __webpack_require__
      render-page.js:30:30

    - render-page.js:47401 Object.exports.__esModule
      render-page.js:47401:19

[chandmk]

I realized that I can load a dummy file while building for production

[ovsw]

Can you please give more details on how you fixed the error? Trying to do the same thing but I don't understand what you mean by "load a dummy file while". Thanks!