docs: update code example to use correct API usage

Existing code example is invalid. Added a `root` block inside the styleOverrides to fix it Signed-off-by: Pubudu Dodangoda <[email protected]>
mui · Jan 8, 2023 · c21b8a8 · c21b8a8
1 parent 612db95
commit c21b8a8
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/docs/data/joy/customization/approaches/approaches.md b/docs/data/joy/customization/approaches/approaches.md
@@ -80,10 +80,12 @@ const theme = extendTheme({
   components: {
     // The component identifier always start with `Joy${ComponentName}`.
     JoyButton: {
-      styleOverrides: ({ theme }) => ({
-        // theme.vars.* return the CSS variables.
-        fontSize: theme.vars.fontSize.lg, // 'var(--joy-fontSize-lg)'
-      }),
+      styleOverrides: {
+        root: ({theme}) => {
+          // theme.vars.* return the CSS variables.
+          fontSize: theme.vars.fontSize.lg, // 'var(--joy-fontSize-lg)'
+        },
+      },
     },
   },
 });