next-eslint-plugin: aborts when facing a <Link><a/></Link>

[polesapart]

What version of Next.js are you using?

11.0

What version of Node.js are you using?

14.16.1

What browser are you using?

N/A

What operating system are you using?

Linux

How are you deploying your application?

N/a

Describe the Bug

I have this on a tsx file:

const CustomLink = (props) => {
  const href = props.href
  const isInternalLink = href && (href.startsWith('/') || href.startsWith('#'))

  if (isInternalLink) {
    return (
      <Link href={href} passHref>
        <a {...props}/>
      </Link>
    )
  }

  return <a target="_blank" rel="noopener noreferrer" {...props} />
}

enabling eslint as document in next 11 fails with:

$ pnpx next lint Cannot read property 'name' of null Occurred while linting '...'/mdx-settings.tsx:13

Expected Behavior

next lint should work. In fact, changing the tag to:
<a {...props}></a>

works.

The offending code is in link-passhref.js:49:
const hasAnchorChild = children.some( (attr) => attr.type === 'JSXElement' && attr.openingElement.name.name === 'a' && attr.closingElement.name.name === 'a' )

To Reproduce

Put the above code in a new tsx file and follow next lint install instructions.

[housseindjirdeh]

Fixed in #26280

[NickCrews]

Thanks for the great description of how to sidestep the bug @polesapart, and thanks @housseindjirdeh for the fix!

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.