From 2022f011f27a9acb21b0b842212fd24c92afc394 Mon Sep 17 00:00:00 2001
From: Eric Chernuka <ericchernuka@gmail.com>
Date: Tue, 17 Dec 2024 17:34:41 -0700
Subject: [PATCH] [docs] Fix composition render prop example for internalState
 naming (#1154)

---
 docs/data/getting-started/usage/usage.mdx                     | 4 ++--
 .../(public)/(content)/react/handbook/composition/page.mdx    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/data/getting-started/usage/usage.mdx b/docs/data/getting-started/usage/usage.mdx
index ee7cfa8239..7d3a719a68 100644
--- a/docs/data/getting-started/usage/usage.mdx
+++ b/docs/data/getting-started/usage/usage.mdx
@@ -31,8 +31,8 @@ Using a function gives you complete control over spreading props and allows you
 
 ```jsx
 <Switch.Thumb
-  render={(props, internalState) => (
-    <span {...props}>{internalState.checked ? <CheckedIcon /> : <UncheckedIcon />}</span>
+  render={(props, state) => (
+    <span {...props}>{state.checked ? <CheckedIcon /> : <UncheckedIcon />}</span>
   )}
 />
 ```
diff --git a/docs/src/app/(public)/(content)/react/handbook/composition/page.mdx b/docs/src/app/(public)/(content)/react/handbook/composition/page.mdx
index 84af278a85..1e1b4cdc7d 100644
--- a/docs/src/app/(public)/(content)/react/handbook/composition/page.mdx
+++ b/docs/src/app/(public)/(content)/react/handbook/composition/page.mdx
@@ -78,7 +78,7 @@ If you are working in an extremely performance-sensitive application, you might
 ```tsx title="switch.tsx"
 <Switch.Thumb
   render={(props, state) => (
-    <span {...props}>{internalState.checked ? <CheckedIcon /> : <UncheckedIcon />}</span>
+    <span {...props}>{state.checked ? <CheckedIcon /> : <UncheckedIcon />}</span>
   )}
 />
 ```