Autodesk / Autodesk/hig

When using the top nav logo component with server side rendering, warnings appear in the console

Open
#2,069 0 comments 0 reactions 0 assignees View on GitHub
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: "\"autobad

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

```

autobad logoutoBAD

} />
```

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.