title: If I want to use a javascript library like AOS in React, HOW?
body: <p>I want to use the JavaScript library AOS (<a href="https://michalsnik.github.io/aos/" rel="noreferrer">https://michalsnik.github.io/aos/</a>) inside of my React application. How do I include it in my App.js file?</p>
  
  <pre><code>import React from 'react';
  import logo from './logo.svg';
  import './App.css';
  import 'aos';
  
  function App() {
  
    AOS.init();
  
    return (
      &lt;div className="App"&gt;
        &lt;header className="App-header"&gt;
          &lt;img data-aos={"fade-left"} src={logo} className="App-logo" alt="logo" /&gt;
          &lt;p&gt;
            Edit &lt;code&gt;src/App.js&lt;/code&gt; and save to reload.
          &lt;/p&gt;
          &lt;a
            className="App-link"
            href="https://reactjs.org"
            target="_blank"
            rel="noopener noreferrer"
          &gt;
            Learn React
          &lt;/a&gt;
        &lt;/header&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  
  </code></pre>
  
  <p>AOS needs to be initialized, so I feel like I need to do something like I did in the above code, but it is throwing an error:</p>
  
  <p>Failed to compile
  ./src/App.js
    Line 8:3:  'AOS' is not defined  no-undef</p>
  
  <p>How would I accomplish this in react?</p>