title: Reference Error:Navigator not defined with nextjs
body: <p>My code is like this:</p>
  <p>import React, { useEffect } from 'react';</p>
  <pre><code>import alanBtn from '@alan-ai/alan-sdk-web';
  
  const alanKey = my key;
  const App = () =&gt; {
      useEffect(() =&gt; {
          alanBtn({
              key: alanKey,
              onCommand: ({ command }) =&gt; {
                      alert('This code was executed');
              }
          })
      }, []);
      return (
          &lt;div&gt;&lt;h1&gt;Alan AI News Application&lt;/h1&gt;&lt;/div&gt;);
  }
  export default App;
  </code></pre>
  <p>But i am getting the error as:
  Reference Error:Navigator not defined..
  How to fix it?</p>