diff --git a/docs/conf/user-interface/index.md b/docs/conf/user-interface/index.md
index b9eda5151c..48d6c6bcf6 100644
--- a/docs/conf/user-interface/index.md
+++ b/docs/conf/user-interface/index.md
@@ -663,14 +663,14 @@ To resolve this issue:
 
 ```ts
 // this replicates functionality from UnifiedThemeProvider
-import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className'
+import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';
 
-ClassNameGenerator.configure(
+ClassNameGenerator.configure(componentName => {
   if ((componentName ?? '').startsWith('v5-')) {
     return componentName;
   }
   return `v5-${componentName}`;
-)
+});
 ```
 
 2. Import this as the very first thing in `packages/app/src/index.tsx`