title: Why it doesn't work, function call and module import?
body: <p>I have a file in this location /src/auth/auth.js with this function </p>
  
  <pre><code>  logout() {
  // Clear Access Token and ID Token from local storage
  localStorage.removeItem('access_token')
  localStorage.removeItem('id_token')
  localStorage.removeItem('expires_at')
  localStorage.removeItem('chatkit_user')
  //TODO: callback to reset the app state.
  </code></pre>
  
  <p>}</p>
  
  <p>and a button in /src/components/userHeader/index.js </p>
  
  <pre><code>                &lt;button onClick={() =&gt; logout()} &gt;
  </code></pre>
  
  <p>Log Out
  </p>
  
  <p>then i wanna make my button actives that function so i tried </p>
  
  <pre><code>import { logout } from '/src/auth/auth.js';
  </code></pre>
  
  <p>i though that should make my button actives that function because i did just import that file but then my server netlify throw me this </p>
  
  <pre><code>./src/components/UserHeader/index.js
  </code></pre>
  
  <p>10:38:20 AM: You attempted to import /src/auth/auth.js which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.
  10:38:20 AM: You can either move it inside src/, or add a symlink to it from project's node_modules/.
  10:38:20 AM: npm
  10:38:20 AM:  ERR! code ELIFECYCLE
  10:38:20 AM: npm
  10:38:20 AM: ERR! errno 1
  10:38:20 AM: npm
  10:38:20 AM:  ERR! pusher-chatkit-demo-with-auth0@0.1.0 build: <code>react-scripts build</code>
  10:38:20 AM: npm ERR!</p>
  
  <p>and i really tried to solve it my self but i can't i'm following a github tutorial <a href="https://github.com/Cazadorx/chatkit-sample-client" rel="nofollow noreferrer">https://github.com/Cazadorx/chatkit-sample-client</a> there is all pls help me </p>