Meteor + React + Semantic - JS components
<p>I'm trying to create a new app based on telescope-nova using react ES6 componentes overriding nova-base-components but I can't make use the <code>tab</code> component. I'm getting this error </p>

<p><strong>Uncaught TypeError: (0 , _jquery2.default)(...).tab is not a function</strong></p>

<pre><code>&lt;div className="ui top attached tabular menu" ref="tabsMenu"&gt;
  &lt;div className="active item" data-tab="description"&gt;Description&lt;/div&gt;
  &lt;div className="item" data-tab="elevator"&gt;Elevator Pitch&lt;/div&gt;
  &lt;div className="item" data-tab="market"&gt;Market Analysis&lt;/div&gt;
  &lt;div className="item" data-tab="value"&gt;Value Proposition&lt;/div&gt;
&lt;/div&gt;
&lt;div className="ui bottom attached active tab segment" data-tab="description"&gt;
  &lt;div dangerouslySetInnerHTML={createMarkup(cleanMarkup(idea.body))}&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div className="ui bottom attached tab segment" data-tab="elevator"&gt;
  &lt;p&gt;elevator&lt;/p&gt;
&lt;/div&gt;
&lt;div className="ui bottom attached tab segment" data-tab="market"&gt;
  &lt;p&gt;marketAnalysis&lt;/p&gt;
&lt;/div&gt;
&lt;div className="ui bottom attached tab segment" data-tab="value"&gt;
  &lt;p&gt;valueProposition&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>In <code>componentDidMount</code> I initialize the tabs with this code</p>

<pre><code>$('.ui.top.attached.tabular.menu .item').tab();
</code></pre>

<p>And I have added <code>semantic:ui-css</code> to the project and in the package I make use of it (only in the client). I've also used the  for the component - so the lifecycle events get triggered.</p>

<p>Any ideas on what is what I'm doing wrong?</p>