metabase / metabase/metabase

Remove <a> inside <a> generating warning in web dev console

Open
#16,069 0 comments 0 reactions 0 assignees View on GitHub
Type:Tech Debt
Dominant language
Clojure
Stars
49.3k
Forks
6.8k
Avg merge
1d 13h
Merged PRs (30d)
653

Description

Please identify and solve issue generating console warning.

## Steps to Reproduce

1. Go to http://localhost:3000
2. Open dev console
3. You should see a message like the one below.

```
react-dom.development.js:88 Warning: validateDOMNesting(...): cannot appear as a descendant of .
in a (created by Link)
in Link (created by BaseLink)
in BaseLink (created by Link)
in Link (created by LoadingAndErrorWrapper)
in Tooltip (created by LoadingAndErrorWrapper)
in div (created by Clean.div)
in Clean.div (created by Flex)

printWarning @ react-dom.development.js:88
```

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the warning at http://localhost:3000 and inspect the dev-console component stack, especially Link, BaseLink, Tooltip, and LoadingAndErrorWrapper. Trace where the nested anchor elements are rendered and confirm completion when the warning no longer appears without breaking the affected links.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.