This error was originally in the underscore.string module. It has since been fixed in that package. However, the fix was not carried over to dist/main.js here since the built code is checked into git.

makeString = __webpack_require__(3);

Uncaught ReferenceError: makeString is not defined
    at eval (wrap.js:4)
    at Object.<anonymous> (index.js:13)
    at __webpack_require__ (index.js:7)
    at eval (index.js:78)
    at Object.<anonymous> (index.js:13)
    at __webpack_require__ (index.js:7)
    at Object.eval (index.jsx:39)
    at eval (index.jsx:419)
    at Object.<anonymous> (index.js:13)
    at __webpack_require__ (index.js:7)

Hey,

I couldn't find a way of enabling copy pasting of comma separated tags. Is it possible?

http://peterkaleta.github.io/react-token-autocomplete/ say to npm install react-token-input.

After creating a simple demo:

   <TokenAutocomplete onAdd={ function (value) { alert(value); }   }
                            onRemove={   function (value) { alert(value); }   }
                            options={['apple', 'banana', 'carrot', 'watermelon']}
                        />

I get these errors:

Warning: The component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change TokenAutocomplete to extend React.Component instead.

stack_frame_overlay_proxy_console @ :3000/static/js/bundle.js:82505
webpack:///.//radium/lib/enhancer.js?:7 Uncaught TypeError: Cannot call a class as a function
at _classCallCheck (webpack:///.//radium/lib/enhancer.js?:7)
at RadiumEnhancer (webpack:///.//radium/lib/enhancer.js?:19)
at mountIndeterminateComponent (:3000/static/js/bundle.js:72903)
at beginWork (:3000/static/js/bundle.js:73092)
at performUnitOfWork (:3000/static/js/bundle.js:75095)
at workLoop (:3000/static/js/bundle.js:75159)
at HTMLUnknownElement.callCallback (:3000/static/js/bundle.js:65413)
at Object.invokeGuardedCallbackDev (:3000/static/js/bundle.js:65452)
at invokeGuardedCallback (:3000/static/js/bundle.js:65309)
at renderRoot (:3000/static/js/bundle.js:75237)
at performWorkOnRoot (:3000/static/js/bundle.js:75885)
at performWork (:3000/static/js/bundle.js:75838)
at batchedUpdates (:3000/static/js/bundle.js:75957)
at batchedUpdates (:3000/static/js/bundle.js:67201)
at dispatchEvent (:3000/static/js/bundle.js:68292)
:3000/static/js/bundle.js:82505 The above error occurred in the component:
in TokenAutocomplete (at QueryTree.js:111)
in div (at QueryTree.js:104)
in span (created by NodeRendererDefault)
in div (created by NodeRendererDefault)
in div (created by NodeRendererDefault)
in div (created by NodeRendererDefault)
in div (created by NodeRendererDefault)
in div (created by NodeRendererDefault)
in NodeRendererDefault (created by DragSource(NodeRendererDefault))
in DragSource(NodeRendererDefault)
in div (created by TreeNode)
in div (created by TreeNode)
in TreeNode (created by DropTarget(TreeNode))
in DropTarget(TreeNode)
in div (created by Grid)
in div (created by Grid)
in Grid (created by List)
in List (created by Scrolling(List))
in Scrolling(List) (created by AutoSizer)
in div (created by AutoSizer)
in AutoSizer (created by ReactSortableTree)
in div (created by ReactSortableTree)
in ReactSortableTree (created by DragDropContext(ReactSortableTree))
in DragDropContext(ReactSortableTree) (at QueryTree.js:451)
in div (at QueryTree.js:423)
in QueryTree (at QueryContainer.js:116)
in div (at QueryContainer.js:98)
in QueryContainer (at GraphSearchWindow.js:319)
in Animate (at GraphSearchWindow.js:308)
in div (at GraphSearchWindow.js:306)
in div (at GraphSearchWindow.js:304)
in div (created by ModalPortal)
in div (created by ModalPortal)
in ModalPortal (created by Modal)
in Modal (at GraphSearchWindow.js:298)
in div (at GraphSearchWindow.js:297)
in GraphSearch (at App.js:16)
in div (at App.js:13)
in Router (created by BrowserRouter)
in BrowserRouter (at App.js:12)
in App (at index.js:12)
in MuiThemeProvider (at index.js:11)

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
stack_frame_overlay_proxy_console @ :3000/static/js/bundle.js:82505
:3000/static/js/bundle.js:75865 Uncaught Error: A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://fb.me/react-crossorigin-error for more information.
at Object.invokeGuardedCallbackDev (:3000/static/js/bundle.js:65459)
at invokeGuardedCallback (:3000/static/js/bundle.js:65309)
at renderRoot (:3000/static/js/bundle.js:75237)
at performWorkOnRoot (:3000/static/js/bundle.js:75885)
at performWork (:3000/static/js/bundle.js:75838)
at batchedUpdates (:3000/static/js/bundle.js:75957)
at batchedUpdates (:3000/static/js/bundle.js:67201)
at dispatchEvent (:3000/static/js/bundle.js:68292)

I write "npm install react-token-autocomplete" as it is written in Readme.md and get error:

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Users\user\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "install" "react-token-autocomplete"
npm ERR! node v5.4.1
npm ERR! npm v3.5.3
npm ERR! code E404

npm ERR! 404 Registry returned 404 for GET on https://registry.npmjs.org/mocha-babel
npm ERR! 404
npm ERR! 404 'mocha-babel' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404 It was specified as a dependency of 'peters-toolbelt'
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

I've attached npm-debug.log.
npm-debug.log.txt

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.

I get this error when I include the basic example code:

render() {
    return  <div className="filter">
        <TokenAutocomplete
        placeholder="type to limit suggestions"
        defaultValues={['apple']}
        options={['apple', 'banana', 'carrot', 'watermelon']} />
    </div>
  }

Hi
I use following code

import TokenAutocomplete from 'react-token-autocomplete';

But it can not import any object.
I check your package.json, main property is dist/index.js
and I check that file. It seems not a right file for running.

Could you check it for me? Thanks so much

observed: the option for threshold is spelled treshold

expected: the correct spelling should be used for threshold option

Why is the word treshold used when the correct spelling is threshold? It's very confusing to use a strange spelling