title: map function isn't returning the values
body: <p>I am trying to return the categories in nextjs component which I have stored in the database.
  I am using map function to return but it is not working.</p>
  
  <pre><code>const showAllCategories = () =&gt;{
        return  categories.map((c,i)=&gt;{
                  &lt;Link  key={i} href ={`/categories}`} &gt;
                      &lt;a className="btn btn-outline-primary mr-1 ml-1 mt-3"&gt; {c.name }&lt;/a&gt;
                  &lt;/Link&gt;
          })
      }
  </code></pre>
  
  <p>Im trying to return the categories name inside the section tag of html</p>
  
  <pre><code>&lt;section&gt;
                              {/* &lt;p&gt;Show categories and tags&lt;/p&gt; */}
                              &lt;div className="pb-5"&gt;
                                      {JSON.stringify(showAllCategories())}
                                  {showAllCategories()}
                                  {showAllTags()}
  
                              &lt;/div&gt;
                          &lt;/section&gt;
  </code></pre>
  
  <p>I tried debugging using JSON.stringyfy but it shows 
  <code>[null,null,null,null,null,null,null,null]</code></p>