Import Issue using React 0.14.6

[raptoria]

I get this issue after including the component this way:

       import TokenAutocomplete from 'react-token-autocomplete';

       <TokenAutocomplete
          placeholder="stuff"
          limitToOptions={true}
          defaultValues={['apple']}
          options={['apple', 'banana', 'carrot', 'watermelon']} />

Warning: TokenAutocomplete(...): React component classes must extend React.Component.warning @ warning.js:45ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:170ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup @ ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:479ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup @ ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:479ReactReconciler.mountComponent @ ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:241ReactDOMComponent.Mixin.createContentMarkup @ ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:479ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:241ReactDOMComponent.Mixin.createContentMarkup @ ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:479ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37mountComponentIntoNode @ ReactMount.js:266Mixin.perform @ Transaction.js:136batchedMountComponentIntoNode @ ReactMount.js:282Mixin.perform @ Transaction.js:136ReactDefaultBatchingStrategy.batchedUpdates @ ReactDefaultBatchingStrategy.js:62batchedUpdates @ ReactUpdates.js:94ReactMount.renderNewRootComponent @ ReactMount.js:476ReactPerf.measure.wrapper @ ReactPerf.js:66ReactMount.renderSubtreeIntoContainer @ ReactMount.js:550ReactMount.render @ ReactMount.js:570ReactPerf.measure.wrapper @ ReactPerf.js:66(anonymous function) @ mainApp.jsx:42(anonymous function) @ mainApp.jsx:44(anonymous function) @ mainApp.jsx:45(anonymous function) @ main.js:1103__webpack_require @ main.js:521fn @ main.js:76(anonymous function) @ multi_main:3(anonymous function) @ main.js:554__webpack_require @ main.js:521(anonymous function) @ main.js:544(anonymous function) @ main.js:547
invariant.js:39 Uncaught Invariant Violation: TokenAutocomplete.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object.invariant @ invariant.js:39ReactCompositeComponentMixin._renderValidatedComponent @ ReactCompositeComponent.js:613ReactPerf.measure.wrapper @ ReactPerf.js:66ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:220ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup @ ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:479ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup @ ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:479ReactReconciler.mountComponent @ ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:241ReactDOMComponent.Mixin.createContentMarkup @ ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:479ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:241ReactDOMComponent.Mixin.createContentMarkup @ ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:479ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225ReactPerf.measure.wrapper @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:37mountComponentIntoNode @ ReactMount.js:266Mixin.perform @ Transaction.js:136batchedMountComponentIntoNode @ ReactMount.js:282Mixin.perform @ Transaction.js:136ReactDefaultBatchingStrategy.batchedUpdates @ ReactDefaultBatchingStrategy.js:62batchedUpdates @ ReactUpdates.js:94ReactMount.renderNewRootComponent @ ReactMount.js:476ReactPerf.measure.wrapper @ ReactPerf.js:66ReactMount.renderSubtreeIntoContainer @ ReactMount.js:550ReactMount.render @ ReactMount.js:570ReactPerf.measure.wrapper @ ReactPerf.js:66(anonymous function) @ mainApp.jsx:42(anonymous function) @ mainApp.jsx:44(anonymous function) @ mainApp.jsx:45(anonymous function) @ main.js:1103__webpack_require @ main.js:521fn @ main.js:76(anonymous function) @ multi_main:3(anonymous function) @ main.js:554__webpack_require @ main.js:521(anonymous function) @ main.js:544(anonymous function) @ main.js:547
client:28 [WDS] Hot Module Replacement enabled.

[jkvim]

same issue

[ksjogo]

A temp workaround is to use the embedded react from the dist file.

[ivanfryda]

Are there any plans to migrate this component to React 0.14?

[peterKaleta]

Yes. Working on it. Will ship over the weekend.

[jakubkosinski]

@peterKaleta any news regarding support for React 0.14/0.15?

[rokob]

Is this library abandoned?