lint

benchmark/package.json

@@ -3,6 +3,7 @@
   "version": "5.0.0",
   "private": true,
   "scripts": {
+    "playground": "tsx ./playground.ts",
     "browser": "pnpm webpack --config browser/webpack.config.js && node browser/scripts/benchmark.js",
     "server:core": "cd ../ && cross-env NODE_ENV=production BABEL_ENV=benchmark babel-node benchmark/server/scenarios/core.js --inspect=0.0.0.0:9229 --extensions \".tsx,.ts,.js\"",
     "server:docs": "cd ../ && cross-env NODE_ENV=production BABEL_ENV=benchmark babel-node benchmark/server/scenarios/docs.js --inspect=0.0.0.0:9229 --extensions \".tsx,.ts,.js\"",
@@ -21,6 +22,7 @@
     "@mui/system": "workspace:^",
     "@styled-system/css": "^5.1.5",
     "benchmark": "^2.1.4",
+    "benny": "^3.7.1",
     "docs": "workspace:^",
     "express": "^4.19.2",
     "fs-extra": "^11.2.0",
@@ -38,5 +40,8 @@
     "styled-system": "^5.1.5",
     "theme-ui": "^0.16.2",
     "webpack": "^5.92.1"
+  },
+  "devDependencies": {
+    "tsx": "^4.15.7"
   }
 }

package.json

@@ -6,6 +6,7 @@
     "preinstall": "npx only-allow pnpm",
     "proptypes": "tsx ./scripts/generateProptypes.ts",
     "deduplicate": "pnpm dedupe",
+    "benchmark:playground": "cd benchmark && pnpm run playground",
     "benchmark:browser": "pnpm --filter benchmark browser",
     "build": "lerna run build --ignore docs",
     "build:ci": "lerna run build --ignore docs --concurrency 8 --skip-nx-cache",

packages/mui-utils/src/composeClasses/composeClasses.ts

@@ -14,7 +14,7 @@ export default function composeClasses<ClassKey extends string>(
     const slot = slots[slotName];
     let buffer = '';
 
-    for (let i = 0; i < slot.length; i++) {
+    for (let i = 0; i < slot.length; i += 1) {
       const value = slot[i];
       if (value) {
         buffer += getUtilityClass(value) + ' ';