title: This error happened while generating the page. Any console logs will be displayed in the terminal window
body: <p>1st time its show this error</p>
  <p><a href="https://i.stack.imgur.com/pscuE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pscuE.png" alt="enter image description here" /></a></p>
  <p>I want to make an API call to my API route using Axios. When I run my code the first time its shows that error but when I refresh my mage it works perfectly. I can't understand what I do.</p>
  <pre class="lang-js prettyprint-override"><code>import axios from &quot;axios&quot;;
  import Head from &quot;next/head&quot;;
  import Banner from &quot;../components/Banner&quot;;
  import Footer from &quot;../components/Footer&quot;;
  import HeroSection from &quot;../components/HeroSection&quot;;
  import ServicesSection from &quot;../components/ServicesSection&quot;;
  import MyWork from &quot;../components/work/MyWork&quot;;
  
  function Home({ workList }) {
    return (
      &lt;&gt;
        &lt;Head&gt;
          &lt;title&gt;EmonS - Fullstack web developer &amp; Designer&lt;/title&gt;
          &lt;meta
            name=&quot;description&quot;
            content=&quot;This is a portfolio website which made by Jahidul Islam Emon. Here you can find work history and knowledge about Author. That is a One page application. Enjoy .&quot;
          /&gt;
          &lt;meta
            name=&quot;keywords&quot;
            content=&quot;Creative, minimal, Portfolio, business, Resume, Information, personal portfolio, Professional&quot;
          /&gt;
          &lt;meta name=&quot;author&quot; content=&quot;Jahidul Islam Emon&quot;&gt;&lt;/meta&gt;
          &lt;link rel=&quot;icon&quot; href=&quot;/favicon.ico&quot; /&gt;
        &lt;/Head&gt;
  
        &lt;HeroSection /&gt;
        &lt;ServicesSection /&gt;
        &lt;MyWork emon={workList} /&gt;
        &lt;Banner /&gt;
        &lt;Footer /&gt;
      &lt;/&gt;
    );
  }
  
  export async function getServerSideProps() {
    const mydomain = process.env.MY_DOMAIN;
  
    const res = await axios.get(mydomain + &quot;/api/work&quot;);
    return {
      props: {
        workList: res.data,
      },
    };
  }
  
  export default Home;
  </code></pre>
  <p>why this error happens?</p>