TypeError: this.$input.typeahead is undefined

[deligence]

Hello, I am working on react + meteor and trying to implement autocomplete token. Token creation works well but is not giving suggestions.
TypeError: this.$input.typeahead is undefined

Here is my react Code

componentDidMount: function(){
        document.title = "Add Article"
        tinymce.init({ selector: 'textarea' });

    var engine = new Bloodhound({
  local: [{value: 'red'}, {value: 'blue'}, {value: 'green'} , {value: 'yellow'}, {value: 'violet'}, {value: 'brown'}, {value: 'purple'}, {value: 'black'}, {value: 'white'}],
  datumTokenizer: function(d) {
    return Bloodhound.tokenizers.whitespace(d.value);
  },
  queryTokenizer: Bloodhound.tokenizers.whitespace
});

    engine.initialize();
      console.log(888, $('#tokenfield'));
    $('#tokenfield').tokenfield({
    typeahead: [null, { source: engine.ttAdapter() }]
  });

    },