diff --git a/packages/material-ui/src/styles/createMixins.d.ts b/packages/material-ui/src/styles/createMixins.d.ts
index cbf7aced080d69..794b8714d86345 100644
--- a/packages/material-ui/src/styles/createMixins.d.ts
+++ b/packages/material-ui/src/styles/createMixins.d.ts
@@ -15,5 +15,5 @@ export interface MixinsOptions extends Partial<Mixins> {
 export default function createMixins(
   breakpoints: Breakpoints,
   spacing: Spacing,
-  mixins: MixinsOptions,
+  mixins: MixinsOptions | ((breakpoints: Breakpoints, spacing: Spacing) => MixinsOptions),
 ): Mixins;
diff --git a/packages/material-ui/src/styles/createMixins.js b/packages/material-ui/src/styles/createMixins.js
index 1c2b84869fa0ac..64a8fa5b52146f 100644
--- a/packages/material-ui/src/styles/createMixins.js
+++ b/packages/material-ui/src/styles/createMixins.js
@@ -38,6 +38,6 @@ export default function createMixins(breakpoints, spacing, mixins) {
         minHeight: 64,
       },
     },
-    ...mixins,
+    ...(typeof mixins === 'function' ? mixins(breakpoints, spacing) : mixins),
   };
 }