When using the top nav logo component with server side rendering, warnings appear in the console
- Dominant language
- JavaScript
- Stars
- 193
- Forks
- 112
- PR merge metrics
- No merged PRs in 30d
Description
index.js:1 Warning: Prop `dangerouslySetInnerHTML` did not match. Server: "
utoBAD
" Client: ""I looked in the presenter and found
https://github.com/Autodesk/hig/blob/development/packages/top-nav/src/presenters/LogoPresenter.js#L34
However I'm not quite sure what's going on. Needs further investigation. It might require {{__html: ''}}
code snippet
```
utoBAD
} />
```
Contributor guide
Research direction
Start with packages/top-nav/src/presenters/LogoPresenter.js at the referenced line and reproduce the warning using the provided TopNav, Logo, and LogoText server-rendering example. Trace the server and client logo markup, then verify that the same usage renders without a dangerouslySetInnerHTML mismatch warning.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100