From c0b6bafbeac857869d3158b20e8fc1206f99040d Mon Sep 17 00:00:00 2001 From: Amarachi Ugwu <49257104+amarachiugwu@users.noreply.github.com> Date: Thu, 9 Jan 2025 07:20:15 +0100 Subject: [PATCH 1/5] Fix broken Next.js base path configuration link (#7419) --- src/content/learn/add-react-to-an-existing-project.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/add-react-to-an-existing-project.md b/src/content/learn/add-react-to-an-existing-project.md index f494b0ab1e..a457d2175d 100644 --- a/src/content/learn/add-react-to-an-existing-project.md +++ b/src/content/learn/add-react-to-an-existing-project.md @@ -21,7 +21,7 @@ Let's say you have an existing web app at `example.com` built with another serve Here's how we recommend to set it up: 1. **Build the React part of your app** using one of the [React-based frameworks](/learn/start-a-new-react-project). -2. **Specify `/some-app` as the *base path*** in your framework's configuration (here's how: [Next.js](https://nextjs.org/docs/api-reference/next.config.js/basepath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)). +2. **Specify `/some-app` as the *base path*** in your framework's configuration (here's how: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)). 3. **Configure your server or a proxy** so that all requests under `/some-app/` are handled by your React app. This ensures the React part of your app can [benefit from the best practices](/learn/start-a-new-react-project#can-i-use-react-without-a-framework) baked into those frameworks. From 7b4f9484b3172c6541b8ffe58fa51e1e7ad6d060 Mon Sep 17 00:00:00 2001 From: Hichem Fantar Date: Thu, 9 Jan 2025 07:32:35 +0100 Subject: [PATCH 2/5] fix: change overflow-x-scroll to overflow-x-auto in TerminalBlock component (#7415) --- src/components/MDX/TerminalBlock.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/MDX/TerminalBlock.tsx b/src/components/MDX/TerminalBlock.tsx index fc13af3389..7d95a65320 100644 --- a/src/components/MDX/TerminalBlock.tsx +++ b/src/components/MDX/TerminalBlock.tsx @@ -71,7 +71,7 @@ function TerminalBlock({level = 'info', children}: TerminalBlockProps) {
From 9c4bc2881bac1f6c72f164c15b38ff38e33730b2 Mon Sep 17 00:00:00 2001 From: Azzyxec Date: Thu, 9 Jan 2025 12:05:12 +0530 Subject: [PATCH 3/5] Update server-functions.md (#7396) In the section "Importing Server Functions from Client Components" updated "createNoteAction" to "createNote" to match the function name in the example --- src/content/reference/rsc/server-functions.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/rsc/server-functions.md b/src/content/reference/rsc/server-functions.md index 74aab615c2..b079e322e6 100644 --- a/src/content/reference/rsc/server-functions.md +++ b/src/content/reference/rsc/server-functions.md @@ -82,7 +82,7 @@ export async function createNote() { ``` -When the bundler builds the `EmptyNote` Client Component, it will create a reference to the `createNoteAction` function in the bundle. When the `button` is clicked, React will send a request to the server to execute the `createNoteAction` function using the reference provided: +When the bundler builds the `EmptyNote` Client Component, it will create a reference to the `createNote` function in the bundle. When the `button` is clicked, React will send a request to the server to execute the `createNote` function using the reference provided: ```js [[1, 2, "createNote"], [1, 5, "createNote"], [1, 7, "createNote"]] "use client"; @@ -90,7 +90,7 @@ import {createNote} from './actions'; function EmptyNote() { console.log(createNote); - // {$$typeof: Symbol.for("react.server.reference"), $$id: 'createNoteAction'} + // {$$typeof: Symbol.for("react.server.reference"), $$id: 'createNote'}