Remove <a> inside <a> generating warning in web dev console
- 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
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