NextJS local image file not showing in Firefox

[coelmay]

There was a recent post along similar lines. The solution seemed to revolve around the lack of support in next/image for SVG.

NextJS Image component throwing mixed content errors with relative src

Well, I think I figured it out. The images I was trying to get to work were SVG images and they aren’t compatible with the NextJS <Image> component. Since the images are tiny already, I just referenced them by the regular html <img> tag. I then setup a jpg image on the home page to see if I could get that to work and yeah, it works. The mixed-content error message was very misleading and sent me on a wild goose chase. Thanks for the help everyone. Oh, and by the way, this documentation was…

However there are posts (such as below) that would suggest otherwise

Importing SVGs to Next.js