如何判断此错误来自哪个文件？

Question

I'm somewhat new to next.js and I'm getting this error. I've looked at every <a> tag I have in all my files and they all have a corresponding closing </a> tag. Am I not understanding this error properly? The only other thing I can think of is they want all my <a> tags to be wrapped inside of a <div> but I don't know why that would be required.

Error: Warning: Expected server HTML to contain a matching <a> in <div> .
react-dom.development.js?ac89:67

Also where is this error being thrown from because they only reference they give is to a react-dom file that I think gets generated when next converts my code to something the browser can read (not 100% sure that's what the file is though)

screenshot of error inside chrome dev tools console

Answer 1

You can follow the DOM from `MyApp > App > Div > Navbar > Div > Link > a

I had this error. You need to wrap your Image in an tag so it looks like this

<Link>
    <a>
        <Image>
    </a>
</Link>