So, I am using RequireJS and React, trying to load a third-party component, which has been installed with:

npm install react-autocomplete

The structure is here: https://github.com/rackt/react-autocomplete/tree/master/lib

Now, I have a main.js file, initiated when requireJS is loaded, that looks like this:

require.config({

paths: {

      react : react/react,

      jsx-transformer : react/JSXTransformer,

      react-autocomplete : node_modules/react-autocomplete/lib/main

    }

});



require([react], function(react) {

    console.log(React loaded OK.);

});



require([jsx-transformer], function(jsx) {

    console.log(JSX transformer loaded OK.);

});



require(['react-autocomplete'], function (Autocomplete) {

    console.log(React autocomplete component loaded OK.);

    var Combobox = Autocomplete.Combobox;

    var ComboboxOption = Autocomplete.Option;

    console.log(Autocomplete initiated OK);

 });

Now, it all loads OK, but the third require statement throws a module is not defined, for the main.js file in the third-party component, which looks like this:

module.exports = {

  Combobox: require('./combobox'),

  Option: require('./option')

};

I've been reading about that this has to do with me trying to require a CommonJS-style module, but I can't figure out how to fix it on my own, as I'm new to this.

Does anyone have a clear example on how I could get around this?