[docs] Fix composition render prop example for internalState naming (#…

…1154)
mui · Dec 18, 2024 · 2022f01 · 2022f01
1 parent 350c6e7
commit 2022f01
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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>
   )}
 />
 ```