[material-ui][docs] Broken demo in the Progress page in the Material …

…3 section mui#40420
patrickxunuo · Jan 4, 2024 · a4c4f78 · a4c4f78
1 parent fd461cd
commit a4c4f78
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/docs/src/modules/components/MaterialYouUsageDemo.tsx b/docs/src/modules/components/MaterialYouUsageDemo.tsx
@@ -352,10 +352,18 @@ export default function MaterialYouUsageDemo<T extends { [k: string]: any } = {}
                     placeholder="Select a variant..."
                     value={(resolvedValue || 'none') as string}
                     onChange={(event) => {
-                      setProps((latestProps) => ({
-                        ...latestProps,
-                        [propName]: event.target.value,
-                      }));
+                      setProps((latestProps) => {
+                        const variantShouldSpecialUpdate =
+                          componentName === 'LinearProgress' &&
+                          propName === 'type' &&
+                          event.target.value === 'CircularProgress' &&
+                          !['indeterminate', 'determinate'].includes(latestProps.variant);
+                        return {
+                          ...latestProps,
+                          variant: variantShouldSpecialUpdate ? 'indeterminate' : latestProps.variant,
+                          [propName]: event.target.value,
+                        }
+                      });
                       onChange?.(event as React.SyntheticEvent);
                     }}
                   >