diff --git a/beta/src/content/reference/react/components.md b/beta/src/content/reference/react/components.md
index 25556230f..7ce3fab63 100644
--- a/beta/src/content/reference/react/components.md
+++ b/beta/src/content/reference/react/components.md
@@ -8,8 +8,6 @@ React exposes a few built-in components that you can use in your JSX.
-
-
---
## Built-in components {/*built-in-components*/}
@@ -18,3 +16,9 @@ React exposes a few built-in components that you can use in your JSX.
* [``](/reference/react/Profiler) lets you measure rendering performance of a React tree programmatically.
* [``](/reference/react/Suspense) lets you display a fallback while the child components are loading.
* [``](/reference/react/StrictMode) enables extra development-only checks that help you find bugs early.
+
+---
+
+## Your own components {/*your-own-components*/}
+
+You can also [define your own components](/learn/your-first-component) as JavaScript functions.
diff --git a/beta/src/content/reference/react/index.md b/beta/src/content/reference/react/index.md
index fb9d2652a..8360b3790 100644
--- a/beta/src/content/reference/react/index.md
+++ b/beta/src/content/reference/react/index.md
@@ -113,3 +113,9 @@ These Hooks are mostly useful to library authors and aren't commonly used in the
- [`useDebugValue`](/reference/react/useDebugValue) lets you customize the label React DevTools displays for your custom Hook.
- [`useId`](/reference/react/useId) lets a component associate a unique ID with itself. Typically used with accessibility APIs.
- [`useSyncExternalStore`](/reference/react/useSyncExternalStore) lets a component subscribe to an external store.
+
+---
+
+## Your own Hooks {/*your-own-hooks*/}
+
+You can also [define your own custom Hooks](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component) as JavaScript functions.