title: Using microtext.js inside React.js
body: <p>I am trying to use microtext.js library in my create-react-app App.</p>
  
  <p>I place this in my index.html</p>
  
  <pre><code>&lt;script  src="%PUBLIC_URL%/assets/js/microtext.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Now Microext is showing in my console.</p>
  
  <p>But when I try to use it in my component.</p>
  
  <pre><code>&lt;p className="card-text"&gt;{Microtext.breakSentence("Gaal Dornick")}&lt;/p&gt;
  </code></pre>
  
  <p>I am getting Error: <code>./src/components/RecipeList.js
    Line 29:  'Microtext' is not defined  no-undef</code></p>
  
  <p>Please help how can I do that.</p>
  
  <p>Thanks</p>
  
  <p>Edit-1
  My Folder structure
  <a href="https://i.stack.imgur.com/JB0Ho.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JB0Ho.png" alt="enter image description here"></a></p>