From e71c47a8aae476859be514a7244a0bfb0f48717d Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Tue, 24 Jan 2023 03:08:12 +0000
Subject: [PATCH] Mention custom components

---
 beta/src/content/reference/react/components.md | 8 ++++++--
 beta/src/content/reference/react/index.md      | 6 ++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

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.
 
 </Intro>
 
-<InlineToc />
-
 ---
 
 ## Built-in components {/*built-in-components*/}
@@ -18,3 +16,9 @@ React exposes a few built-in components that you can use in your JSX.
 * [`<Profiler>`](/reference/react/Profiler) lets you measure rendering performance of a React tree programmatically.
 * [`<Suspense>`](/reference/react/Suspense) lets you display a fallback while the child components are loading.
 * [`<StrictMode>`](/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.