Convert "Canary" callouts to "React 19 beta" #6811
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Overview
Update: The base branch is
v19
since these are React 19 specificNote: this is included in one PR to minimize the number of conflicts with the translation repos.
Now that the React 19 beta is out, the callouts on the page can be converted to specify "React 19 beta" for the features that are in React 19. I also switched the React Server Components callouts to it's own callout type, since the important notice there is not the specific release but the environment they run in.
Included in this PR:
<NextMajor>
and<RSC> callout components, similar to the
` callout.<NextMajorBadge>
and<RSCBadge>
components, similar to<CanaryBadge>
canary
with an enumcanary | major
React 19
badges to sidebar itemsNote on the text: the text says "available in React 19 beta and the React canary channel". This is so users who are using the canary with these features today will not be confused and think they're not available in their release. We can drop the "React canary channel" part once we ship the pinned version for react 18, but it's probably better to keep it until the stable release so we don't churn external links.
React 19 callout and sidebar
React Server Component callout
Inline React 19 badges