json-schema-org / json-schema-org/website

Fix hydration warning caused by mismatched img alt text on home page

Open
#2,020 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Status: Triage
Dominant language
HTML
Stars
169
Forks
484
Avg merge
2d 2h
Merged PRs (30d)
6

Description

There was a React hydration warning on the home page caused by a mismatch
between the server-rendered and client-rendered alt text of an image.

The issue was due to a line break in the alt value, causing the server
and client markup to differ.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the home page and inspect the image's alt value in both the server-rendered and client-rendered paths. Remove the line-break mismatch so both render the same alt text, then verify that the home page no longer produces a React hydration warning.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
frontend, web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.