'Why in NextJS, logo is not visible when visiting from page URL

My logo is not loading with /page URL

Here is my components/LayoutWrapper.js

 import Image from 'next/image'
 import icon from '../assets/images/Icon.svg'

 <div className="flex items-center justify-between">
   <div className="mr-3 pt-2">
     <Image src={icon} width="25px" height="25px" alt="Blog Logo" />
       {typeof siteMetadata.headerTitle === 'string' ? (
         <div className="  "></div>
       ) : (
         siteMetadata.headerTitle
       )}
   </div>
   {typeof siteMetadata.headerTitle === 'string' ? (
     <div className="hidden h-7 text-2xl font-medium sm:block">
       {siteMetadata.headerTitle}
      </div>
    ) : (
      siteMetadata.headerTitle
    )}
  </div>

I want to show my logo on the entire page, visiting from any link.

Solution 1:^[1]

You have errors in console. Check your errors first, other pages are not impacted. Error 404 is your only problem

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	illia chill

'Why in NextJS, logo is not visible when visiting from page URL

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]