title: Elastic Easy Search Please provide an index for your component [no-index]?
body: <p>Despite carefully following the instructions on how to configure the <a href="http://matteodem.github.io/meteor-easy-search/getting-started/" rel="nofollow noreferrer">Elastic Search Package</a> to add <strong>Search</strong> functionality to my Meteor App, I keep getting this frustrating error message in my browser console:</p>
  
  <pre><code>details: undefined
  error: "no-index"
  errorType: "Meteor.Error"
  isClientSafe: true
  message: "Please provide an index for your component [no-index]"
  reason: "Please provide an index for your component"
  stack: "Error: Please provide an index for your component [no-index]
  </code></pre>
  
  <p>Following is my code:</p>
  
  <p><strong>../imports/api/tasks.js</strong></p>
  
  <pre><code>import { Mongo } from "meteor/mongo";
  import { Index, MinimongoEngine } from 'meteor/easy:search';
  
  global.recipientsDetails = new Mongo.Collection("recipients");
  
  global.recipientsDetailsIndex = new Index({
    collection: recipientsDetails,
    fields: ['recipientNumber', 'recipientAmount'],
    engine: new MinimongoEngine(),
  })
  </code></pre>
  
  <p><strong>../client/main.js</strong></p>
  
  <pre><code>import '../imports/api/tasks.js';
  
  Template.navigationMenu.helpers({
  
      enableButtonSearchResults: () =&gt; recipientsDetailsIndex,
  });
  </code></pre>
  
  <p><strong>../client/main.html</strong></p>
  
  <pre><code>&lt;template name="navigationMenu"&gt;
         {{#EasySearch.Each index=recipientsDetailsIndex}}
  
       &lt;ul&gt;
          {{#EasySearch.Each index=recipientsDetailsIndex }}
              &lt;li&gt;Recipients Number: {{recipientNumber}}&lt;/li&gt;
          {{/EasySearch.Each}}
      &lt;/ul&gt;
  
  &lt;/template&gt;
  </code></pre>
  
  <p>What I find strange is that, when I feed in the following code in my browser console:</p>
  
  <pre><code>var cursor = recipientsDetailsIndex.search("705087688"); 
  // search all docs that contain "705087633" in the recipientNumber field.
  
  console.log(cursor.fetch());
  </code></pre>
  
  <p>The following yeilds in the browser console:</p>
  
  <pre><code>[{…}]
   0:
    paymentDate: "2019-04-08 23:20:01"
    recipientAmount: "110"
    recipientNumber: "+254705087688"
    _id: "Wo4oZNzs5fLTqadcn"
  </code></pre>
  
  <p>The above results suggest that the Elastic search package is working and the fault is in the template, though I might be wrong. </p>
  
  <p>Kindly help point out what I have missed or got wrong in the template or elsewhere...</p>