Make list.js and react.js work together
<p>This is vanila code to run list.js in the browser. And it works with no problem</p>

<pre><code>&lt;script src="http://listjs.com/no-cdn/list.js"&gt;&lt;/script&gt;
&lt;div id="users"&gt;
&lt;input class="search" placeholder="Search" /&gt;
&lt;ul class="list"&gt;
    &lt;li&gt;
        &lt;h3 class="name"&gt;Jonny Stromberg&lt;/h3&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;h3 class="name"&gt;Jonas Arnklint&lt;/h3&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;h3 class="name"&gt;Martina Elm&lt;/h3&gt;
    &lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;script&gt;
var options = { valueNames: [ 'name' ] };
var userList = new List('users', options);
&lt;/script&gt;
</code></pre>

<p>So I thought it will be simple to that in react, I tried this</p>

<pre><code>import React from "react";
import ReactDOM from "react-dom";

    class Home extends React.Component{
        componentDidUpdate(){
            const options = { valueNames: [ 'name' ] };
            const userList = new List('users', options);
        }
        render(){ 
            return(
                &lt;div id="users"&gt;
                    &lt;input class="search" placeholder="Search" /&gt;
                    &lt;ul class="list"&gt;
                        &lt;li&gt;
                            &lt;h3 class="name"&gt;Jonny Stromberg&lt;/h3&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;h3 class="name"&gt;Jonas Arnklint&lt;/h3&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;h3 class="name"&gt;Martina Elm&lt;/h3&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            )
        }
    }

    const app = document.getElementById('app');

    ReactDOM.render(&lt;Home /&gt;, app);
</code></pre>

<p>index.html</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;&lt;/head&gt;
&lt;body&gt;
&lt;div id="app"&gt;&lt;/div&gt;
&lt;script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.2.0/list.min.js"&gt;&lt;/script&gt;
&lt;script src="bundle.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>But it's not working. And specially no error at all. What could be done here?</p>