Sync with react.dev @ c0c955e (#476)

* fix: correct overlay highlighting in code examples (#7669)

* fix: the value property of checkbox to the checked property (#7804)

* No need for useState here — useCounter handles the state internally (#7803)

* docs: fix misplaced prepositional phrase error (#7799)

* Fix wrong documentation for effect events (#7800)

* Fix wrong documentation for effect events

* Update src/content/learn/separating-events-from-effects.md

---------

Co-authored-by: Ricky <[email protected]>

* Remove stray console.log and image (#7814)

* fix(template): remove unnecessary import of React in template code (#7750)

* fix(reference): correct singular form of 'Server Functions' to 'Server Function' (#7749)

* Add bold mono font (#7815)

---------

Co-authored-by: Nicolas Ettlin <[email protected]>

* Remove TODO comments and convert them to issues (#7743)

* Remove TODO comment and convert to an issue for react-test-renderer

* Remove TODO comment and convert to an issue for react-dom/test-utils

* Add example of `useActionState` handling execution order (#7733)

* docs: update vite link (#7784)

* docs: add bsky link (#7781)

* docs: add bsky link

rename twitter to x

* Update src/content/community/index.md

---------

Co-authored-by: Ricky <[email protected]>

* React Montreal Meetings have a new link (#7809)

* fix: remove useless content (#6615)

* fix: wrong verb tense in doc (#7818)

* fix: typo in challenge solution (#7816)

* Use experiemental in all uEE doc sandboxes (#7820)

* Author: Josh Story <[email protected]>
Date:   2025-05-21 11:01:46 -0700

clarify the nonce and signal options for prerender docs

clarifies why nonce is not an option for prerender APIs.
clarifies how you would use signal to abort a prerender with in page documentation

* Fix wrong explanation in preserving-and-resetting-state (#6043)

* fix: correct broken WAI-ARIA modal dialog link in createPortal reference (#7833)

* fix link from ARIA dialog-modal

* chore: trigger CLA recheck

* Update meetups.md adding React Rajasthan Community (#7831)

Adding the React Community for Rajasthan India

* Update components-and-hooks-must-be-pure.md (#7830)

Some grammar fixes, and language clarifications

* Update referencing-values-with-refs.md (#7829)

Fixed invalid URL

* Add uwu click animation (#7822)

* Fix typo and clarily that a server function reference is created only when that function is used by a Client Component (#7746)

* Add React Alicante 2025 to Conferences page (#7674)

* fix: use const where applicable in examples for keeping components pure (#7819)

* Remove `forwardRef` reference from API listing (#7837)

This API is now under "Legacy APIs" and should probably no longer be listed as a "modern API".

* docs: Refactor context provider usage (#7793)

* delete provider

* Fix NavContext usage in Talks component

* Fix TocContext and LanguagesContext usage in Page component

* Fix IllustrationContext usage in IllustrationBlock component

* Fix LevelContext and TasksContext usage in managing-state.md

* Fix ThemeContext and Context usage in MyApp component

* Fix HighlightContext usage in List component

* Fix ThemeContext usage in MyApp component

* Fix ErrorDecoderContext usage in ErrorDecoderPage component

* Fix ThemeContext usage in MyPage and MyApp components

* Fix ThemeContext usage in MyApp component

* Fix useContext documentation to correct context provider references

* Fix context provider references in createContext documentation

* prettier

* Update src/content/reference/react/createContext.md

---------

Co-authored-by: Ricky <[email protected]>

* fix: typo in docs on prerendering (#7823)

* Replace Context.Provider with Context (#7838)

Update to be in line with the recommended way from React 19.

Docs https://react.dev/blog/2024/12/05/react-19#context-as-a-provider

---------

Co-authored-by: Ricky <[email protected]>

* fix(blog): resolve typo in React 19 blog post (`refs` → `ref`s) (#7828)

This PR corrects a small typo in the React documentation, changing "`refs`" to "`ref`s" for accuracy and consistency.

* Update analyze_comment.yml (#7840)

* Fix #6915: typo fix (#6917)

* fix: update ids to point to right part of the docs (#7854)

* chore: remove unused date-fns (#7856)

---------

Co-authored-by: Mohammad Reza Badri <[email protected]>
Co-authored-by: kosh <[email protected]>
Co-authored-by: Gourav Bhardwaj <[email protected]>
Co-authored-by: Mehmet Mallı <[email protected]>
Co-authored-by: Ricky <[email protected]>
Co-authored-by: Ryosuke Hoda <[email protected]>
Co-authored-by: Nicolas Ettlin <[email protected]>
Co-authored-by: Bartosz Klonowski <[email protected]>
Co-authored-by: Ajit <[email protected]>
Co-authored-by: bornkiss <[email protected]>
Co-authored-by: Eric Cote <[email protected]>
Co-authored-by: Xleine <[email protected]>
Co-authored-by: Ayman Alhourani <[email protected]>
Co-authored-by: Josh Story <[email protected]>
Co-authored-by: Soichiro Miki <[email protected]>
Co-authored-by: Dmitry Titov <[email protected]>
Co-authored-by: Shubham Gupta <[email protected]>
Co-authored-by: G. van Dorland <[email protected]>
Co-authored-by: Julius Lundang <[email protected]>
Co-authored-by: jinsoo <[email protected]>
Co-authored-by: John Kapantzakis <[email protected]>
Co-authored-by: Mike DiDomizio <[email protected]>
Co-authored-by: Aakansha Doshi <[email protected]>
Co-authored-by: Jan Kassens <[email protected]>
Co-authored-by: minami yoshihiko <[email protected]>
Co-authored-by: Kunall Banerjee <[email protected]>
Co-authored-by: Amirhossein Alibakhshi <[email protected]>
Co-authored-by: Jatin Singh <[email protected]>
Co-authored-by: Batuhan Tomo <[email protected]>
Co-authored-by: Noritaka Kobayashi <[email protected]>

Author: 31 people

package.json

@@ -30,7 +30,6 @@
     "@radix-ui/react-context-menu": "^2.1.5",
     "body-scroll-lock": "^3.1.3",
     "classnames": "^2.2.6",
-    "date-fns": "^2.16.1",
     "debounce": "^1.2.1",
     "github-slugger": "^1.3.0",
     "next": "15.1.0",

src/content/reference/react-dom/static/prerender.md

@@ -71,6 +71,7 @@ On the client, call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to
 <<<<<<< HEAD
 <<<<<<< HEAD
 <<<<<<< HEAD
+<<<<<<< HEAD
 `nonce` is not an available option when prerendering. Nonces must be unique per request and if you use nonces to secure your application with [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CSP) it would be inappropriate and insecure to include the a nonce value in the prerender itself.
 =======
 `nonce` is not an available option when prerendering. Nonces must be unique per request and if you use nonces to secure your application with [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CSP) it would be inappropriate and insecure to include the nonce value in the prerender itself.
@@ -81,6 +82,9 @@ On the client, call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to
 =======
 `nonce` is not an available option when prerendering. Nonces must be unique per request and if you use nonces to secure your application with [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CSP) it would be inappropriate and insecure to include the nonce value in the prerender itself.
 >>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
+=======
+`nonce` is not an available option when prerendering. Nonces must be unique per request and if you use nonces to secure your application with [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CSP) it would be inappropriate and insecure to include the nonce value in the prerender itself.
+>>>>>>> c0c955ed1d1c4fe3bf3e18c06a8d121902a01619
 
 
 <Note>

src/content/reference/react-dom/static/prerenderToNodeStream.md

@@ -72,6 +72,7 @@ On the client, call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to
 <<<<<<< HEAD
 <<<<<<< HEAD
 <<<<<<< HEAD
+<<<<<<< HEAD
 `nonce` is not an available option when prerendering. Nonces must be unique per request and if you use nonces to secure your application with [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CSP) it would be inappropriate and insecure to include the a nonce value in the prerender itself.
 =======
 `nonce` is not an available option when prerendering. Nonces must be unique per request and if you use nonces to secure your application with [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CSP) it would be inappropriate and insecure to include the nonce value in the prerender itself.
@@ -82,6 +83,9 @@ On the client, call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to
 =======
 `nonce` is not an available option when prerendering. Nonces must be unique per request and if you use nonces to secure your application with [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CSP) it would be inappropriate and insecure to include the nonce value in the prerender itself.
 >>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
+=======
+`nonce` is not an available option when prerendering. Nonces must be unique per request and if you use nonces to secure your application with [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CSP) it would be inappropriate and insecure to include the nonce value in the prerender itself.
+>>>>>>> c0c955ed1d1c4fe3bf3e18c06a8d121902a01619
 
 <Note>
 

src/content/reference/rsc/directives.md

@@ -10,7 +10,7 @@ Directives are for use in [React Server Components](/reference/rsc/server-compon
 
 <Intro>
 
-Directives provide instructions to [bundlers compatible with React Server Components](/learn/start-a-new-react-project#bleeding-edge-react-frameworks).
+Directives provide instructions to [bundlers compatible with React Server Components](/learn/start-a-new-react-project#full-stack-frameworks).
 
 </Intro>
 

src/content/reference/rsc/server-components.md

@@ -4,7 +4,7 @@ title: Server Components
 
 <RSC>
 
-Server Components are for use in [React Server Components](/learn/start-a-new-react-project#bleeding-edge-react-frameworks).
+Server Components are for use in [React Server Components](/learn/start-a-new-react-project#full-stack-frameworks).
 
 </RSC>
 
@@ -22,7 +22,7 @@ This separate environment is the "server" in React Server Components. Server Com
 
 #### How do I build support for Server Components? {/*how-do-i-build-support-for-server-components*/}
 
-While React Server Components in React 19 are stable and will not break between minor versions, the underlying APIs used to implement a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x. 
+While React Server Components in React 19 are stable and will not break between minor versions, the underlying APIs used to implement a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x.
 
 To support React Server Components as a bundler or framework, we recommend pinning to a specific React version, or using the Canary release. We will continue working with bundlers and frameworks to stabilize the APIs used to implement React Server Components in the future.
 
@@ -45,7 +45,7 @@ function Page({page}) {
       setContent(data.content);
     });
   }, [page]);
-  
+
   return <div>{sanitizeHtml(marked(content))}</div>;
 }
 ```
@@ -69,7 +69,7 @@ import sanitizeHtml from 'sanitize-html'; // Not included in bundle
 async function Page({page}) {
   // NOTE: loads *during* render, when the app is built.
   const content = await file.readFile(`${page}.md`);
-  
+
   return <div>{sanitizeHtml(marked(content))}</div>;
 }
 ```
@@ -113,7 +113,7 @@ function Note({id}) {
       setNote(data.note);
     });
   }, [id]);
-  
+
   return (
     <div>
       <Author id={note.authorId} />
@@ -253,7 +253,7 @@ This works by first rendering `Notes` as a Server Component, and then instructin
       <p>this is the second note</p>
     </Expandable>
     <!--...-->
-  </div> 
+  </div>
 </body>
 ```
 
@@ -270,8 +270,8 @@ import db from './database';
 async function Page({id}) {
   // Will suspend the Server Component.
   const note = await db.notes.get(id);
-  
-  // NOTE: not awaited, will start here and await on the client. 
+
+  // NOTE: not awaited, will start here and await on the client.
   const commentsPromise = db.comments.get(note.id);
   return (
     <div>

src/content/reference/rsc/server-functions.md

@@ -31,6 +31,7 @@ To support Server Functions as a bundler or framework, we recommend pinning to a
 <<<<<<< HEAD
 <<<<<<< HEAD
 <<<<<<< HEAD
+<<<<<<< HEAD
 When a Server Function is defined with the [`"use server"`](/reference/rsc/use-server) directive, your framework will automatically create a reference to the server function, and pass that reference to the Client Component. When that function is called on the client, React will send a request to the server to execute the function, and return the result.
 =======
 When a Server Function is defined with the [`"use server"`](/reference/rsc/use-server) directive, your framework will automatically create a reference to the Server Function, and pass that reference to the Client Component. When that function is called on the client, React will send a request to the server to execute the function, and return the result.
@@ -41,6 +42,9 @@ When a Server Function is defined with the [`"use server"`](/reference/rsc/use-s
 =======
 When a Server Function is defined with the [`"use server"`](/reference/rsc/use-server) directive, your framework will automatically create a reference to the Server Function, and pass that reference to the Client Component. When that function is called on the client, React will send a request to the server to execute the function, and return the result.
 >>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
+=======
+When a Server Function is defined with the [`"use server"`](/reference/rsc/use-server) directive, your framework will automatically create a reference to the Server Function, and pass that reference to the Client Component. When that function is called on the client, React will send a request to the server to execute the function, and return the result.
+>>>>>>> c0c955ed1d1c4fe3bf3e18c06a8d121902a01619
 
 Server Functions can be created in Server Components and passed as props to Client Components, or they can be imported and used in Client Components.
 

src/content/reference/rsc/use-client.md

@@ -41,7 +41,7 @@ export default function RichTextEditor({ timestamp, text }) {
 }
 ```
 
-When a file marked with `'use client'` is imported from a Server Component, [compatible bundlers](/learn/start-a-new-react-project#bleeding-edge-react-frameworks) will treat the module import as a boundary between server-run and client-run code.
+When a file marked with `'use client'` is imported from a Server Component, [compatible bundlers](/learn/start-a-new-react-project#full-stack-frameworks) will treat the module import as a boundary between server-run and client-run code.
 
 As dependencies of `RichTextEditor`, `formatDate` and `Button` will also be evaluated on the client regardless of whether their modules contain a `'use client'` directive. Note that a single module may be evaluated on the server when imported from server code and on the client when imported from client code.
 

yarn.lock

@@ -2799,11 +2799,6 @@ data-view-byte-offset@^1.0.0:
     es-errors "^1.3.0"
     is-data-view "^1.0.1"
 
-date-fns@^2.16.1:
-  version "2.28.0"
-  resolved "https://registry.npmjs.org/date-fns/-/date-fns-2.28.0.tgz"
-  integrity sha512-8d35hViGYx/QH0icHYCeLmsLmMUheMmTyV9Fcm6gvNwdw31yXXH+O85sOBJ+OLnLQMKZowvpKb6FgMIQjcpvQw==
-
 debounce@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmjs.org/debounce/-/debounce-1.2.1.tgz"