Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
This report summarizes scanner evidence for mui/material-ui, a JavaScript project with 99,285 GitHub stars. SynthScan examined 728,547 lines of code across 18464 source files, recording 754 pattern matches distributed across 10 syntactic categories. The legacy adjusted pattern signal is 2.0 (Low pattern signal); it is not an authorship estimate.
Use the findings to ask whether maintainers can explain intent, verify dependencies, simplify unnecessary scaffolding, and focus review effort. Risk Payload v1 adds ownership, supply-chain, over-engineering, and review-effort vectors when available. These are prompts for human verification, not probabilities, security findings, or measured maintenance costs.
Use each vector to guide manual verification of the underlying findings.
Payload schema: 1.0.0 · Engine: 2.0.0 · Scoring: heuristic-density-v1 · Scan date: 2026-10-31.
Can maintainers explain intent, assumptions, and trade-offs? 308 finding(s).
Are imports declared and package/API names verified? 136 finding(s).
Are wrappers, guards, and repeated structures necessary? 564 finding(s).
Which changes need focused human review? 754 finding(s).
This chart tracks the legacy adjusted pattern score across scan runs. Changes can reflect source changes, scan coverage, or detector/scoring versions; they do not measure AI adoption or prove that a team refactored code. Compare runs only when their scoring versions are compatible. The dashed line tracks the raw pattern-hit count.
Groups findings by configured severity weight. Severity is not a confidence estimate, security rating, or proof that a package is missing. Verify imports against the project's manifests and inspect each finding in its local design context.
This horizontal bar chart shows where configured pattern scores accumulate across directories. Treat the bars as locations to inspect, not as evidence of authorship or code quality. Use the file-level findings to decide whether a directory needs a focused ownership, dependency, complexity, or review check.
The scanner identified 754 distinct pattern matches across 10 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a detector match to inspect in context. Expand any category row to inspect the individual file paths, line numbers, code snippets, and the lexical context (CODE, COMMENT, or STRING) in which each match was detected.
Reading the findings table: The Severity column indicates the configured finding weight (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — legacy comment-context matches receive a ×1.5 score weight. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier under the legacy scoring model.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | packages/mui-material/src/RadioGroup/RadioGroup.js | 100 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/RadioGroup/RadioGroup.js | 103 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | …/mui-material/src/ImageListItemBar/ImageListItemBar.js | 208 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | …/mui-material/src/ImageListItemBar/ImageListItemBar.js | 211 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | …rial/src/DefaultPropsProvider/DefaultPropsProvider.tsx | 18 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | …rial/src/DefaultPropsProvider/DefaultPropsProvider.tsx | 21 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Paper/Paper.js | 139 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Paper/Paper.js | 142 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/ImageList/ImageList.js | 96 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/ImageList/ImageList.js | 99 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Tabs/Tabs.js | 932 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Tabs/Tabs.js | 935 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | …ckages/mui-material/src/ListSubheader/ListSubheader.js | 129 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | …ckages/mui-material/src/ListSubheader/ListSubheader.js | 132 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/AvatarGroup/AvatarGroup.js | 162 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/AvatarGroup/AvatarGroup.js | 165 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/AppBar/AppBar.js | 213 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/AppBar/AppBar.js | 216 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/PigmentGrid/PigmentGrid.tsx | 142 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/PigmentGrid/PigmentGrid.tsx | 145 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | …l/src/BottomNavigationAction/BottomNavigationAction.js | 170 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | …l/src/BottomNavigationAction/BottomNavigationAction.js | 173 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/TableFooter/TableFooter.js | 60 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/TableFooter/TableFooter.js | 63 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Popper/BasePopper.tsx | 345 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Popper/BasePopper.tsx | 348 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Popper/Popper.tsx | 96 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Popper/Popper.tsx | 99 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Drawer/Drawer.js | 327 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Drawer/Drawer.js | 330 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Pagination/Pagination.js | 186 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Pagination/Pagination.js | 189 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Tooltip/Tooltip.js | 717 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Tooltip/Tooltip.js | 720 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | …ckages/mui-material/src/MobileStepper/MobileStepper.js | 247 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | …ckages/mui-material/src/MobileStepper/MobileStepper.js | 250 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | …ui-material/src/ToggleButtonGroup/ToggleButtonGroup.js | 279 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | …ui-material/src/ToggleButtonGroup/ToggleButtonGroup.js | 282 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Portal/Portal.tsx | 72 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Portal/Portal.tsx | 75 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Box/Box.js | 19 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Box/Box.js | 22 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Rating/Rating.js | 705 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Rating/Rating.js | 708 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Radio/Radio.js | 225 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Radio/Radio.js | 228 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Card/Card.js | 53 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Card/Card.js | 56 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Backdrop/Backdrop.js | 102 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Backdrop/Backdrop.js | 105 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Slide/Slide.js | 312 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Slide/Slide.js | 315 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | …ages/mui-material/src/Unstable_TrapFocus/FocusTrap.tsx | 419 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | …ages/mui-material/src/Unstable_TrapFocus/FocusTrap.tsx | 422 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/ButtonGroup/ButtonGroup.js | 353 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/ButtonGroup/ButtonGroup.js | 356 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | packages/mui-material/src/Autocomplete/Autocomplete.js | 883 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | packages/mui-material/src/Autocomplete/Autocomplete.js | 886 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| MEDIUM | …mui-material/src/PigmentContainer/PigmentContainer.tsx | 111 | // ┌────────────────────────────── Warning ──────────────────────────────┐ | COMMENT |
| MEDIUM | …mui-material/src/PigmentContainer/PigmentContainer.tsx | 114 | // └─────────────────────────────────────────────────────────────────────┘ | COMMENT |
| 250 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | …ges-internal/core-docs/src/Demo/DemoThemeProviders.tsx | 29 | export function DemoInstanceThemeProvider({ | CODE |
| LOW | …ges-internal/core-docs/src/codeVariant/codeVariant.tsx | 28 | export function resolveInitialCodeVariant(urlHash: string, cookie: string | undefined) { | CODE |
| LOW | …s-internal/core-docs/src/DocsProvider/DocsProvider.tsx | 18 | async function defaultFetchNotifications(): Promise<NotificationMessage[]> { | CODE |
| LOW | …ernal/core-docs/src/DemoContent/DemoContent.helpers.ts | 70 | export function getDemoEditingDependencies(code: Code | undefined) { | CODE |
| LOW | …ore-docs/src/DemoThemeProviders/DemoThemeProviders.tsx | 146 | export function DemoInstanceThemeProvider({ | CODE |
| LOW | …-builder-core/materialUi/getMaterialUiComponentInfo.ts | 15 | export function getMaterialUiComponentInfo(filename: string): ComponentInfo { | CODE |
| LOW | packages-internal/api-docs-builder/src/buildApi.ts | 19 | async function removeOutdatedApiDocsTranslations( | CODE |
| LOW | …-docs-builder/src/utils/generatePropTypeDescription.ts | 54 | export function isElementTypeAcceptingRefProp(type: PropTypeDescriptor | undefined): boolean { | CODE |
| LOW | …-docs-builder/src/utils/generatePropTypeDescription.ts | 66 | export function isElementAcceptingRefProp(type: PropTypeDescriptor | undefined): boolean { | CODE |
| LOW | …-docs-builder/src/utils/generatePropTypeDescription.ts | 70 | export default function generatePropTypeDescription( | CODE |
| LOW | …l/api-docs-builder/src/utils/generateApiTranslation.ts | 27 | function sortTranslationDescriptions( | CODE |
| LOW | …l/api-docs-builder/src/utils/generateApiTranslation.ts | 62 | function resolveApiDocsTranslationsComponentLanguagePath( | CODE |
| LOW | …rnal/api-docs-builder/src/utils/defaultPropsHandler.ts | 28 | function getMemberExpressionString(node: t.MemberExpression): string { | CODE |
| LOW | …rnal/api-docs-builder/src/utils/defaultPropsHandler.ts | 46 | function isMemberExpressionWithImportedObject(path: NodePath): boolean { | CODE |
| LOW | …rnal/api-docs-builder/src/utils/defaultPropsHandler.ts | 137 | function getDefaultValuesFromProps(properties: NodePath, documentedProps: Record<string, any>) { | CODE |
| LOW | …rnal/api-docs-builder/src/utils/defaultPropsHandler.ts | 199 | function getExplicitPropsDeclaration(componentDefinition: NodePath): NodePath | undefined { | CODE |
| LOW | …kages-internal/api-docs-builder/src/utils/parseTest.ts | 31 | function findConformanceDescriptor( | CODE |
| LOW | …nal/api-docs-builder/src/utils/parseSlotsAndClasses.ts | 22 | function getClassDeprecationObject(symbol: ts.Symbol): { | CODE |
| LOW | …nal/api-docs-builder/src/utils/parseSlotsAndClasses.ts | 103 | function extractClassesFromInterface( | CODE |
| LOW | …ages-internal/api-docs-builder/src/utils/escapeCell.ts | 1 | function escapePipesOutsideBackticks(value: string): string { | CODE |
| LOW | …pi-docs-builder/src/utils/getPropsFromComponentNode.ts | 52 | function getJSXLikeReturnValueFromFunction(type: ts.Type, project: TypeScriptProject) { | CODE |
| LOW | …pi-docs-builder/src/utils/getPropsFromComponentNode.ts | 185 | function getPropsFromVariableDeclaration({ | CODE |
| LOW | …pi-docs-builder/src/utils/getPropsFromComponentNode.ts | 285 | export function getPropsFromComponentNode({ | CODE |
| LOW | …pi-docs-builder/src/ApiBuilders/ComponentApiBuilder.ts | 78 | async function annotateComponentDefinition( | CODE |
| LOW | …s-internal/scripts/generate-llms-txt/src/processApi.ts | 65 | function formatPropTypeDescription(html: string): string { | CODE |
| LOW | …ternal/scripts/generate-llms-txt/src/loadDemoSource.ts | 134 | export async function replaceFileComponentsWithSnippets( | CODE |
| LOW | …ts/typescript-to-proptypes/src/getPropTypesFromFile.ts | 679 | function squashPropTypeDefinitions({ | CODE |
| LOW | …ts/typescript-to-proptypes/src/getPropTypesFromFile.ts | 720 | function generatePropTypesFromNode( | CODE |
| LOW | …ripts/typescript-to-proptypes/src/generatePropTypes.ts | 291 | function generatePropTypeDefinition( | CODE |
| LOW | …s-internal/docs-utils/src/getPropsFromComponentNode.ts | 51 | function getJSXLikeReturnValueFromFunction(type: ts.Type, project: TypeScriptProject) { | CODE |
| LOW | …s-internal/docs-utils/src/getPropsFromComponentNode.ts | 184 | function getPropsFromVariableDeclaration({ | CODE |
| LOW | …s-internal/docs-utils/src/getPropsFromComponentNode.ts | 284 | export function getPropsFromComponentNode({ | CODE |
| LOW | test/integration/material-ui/components.spec.tsx | 933 | function ClickAwayListenerComponentTest() { | CODE |
| LOW | test/e2e-website/demo-docs-production.spec.ts | 25 | function decodeCodeSandboxParameters(parameters: string) { | CODE |
| LOW | test/e2e-website/demo-docs-production.baseline.ts | 25 | function decodeCodeSandboxParameters(parameters: string) { | CODE |
| LOW | test/regressions/index.test.js | 709 | function registerFocusVisibleSuites({ test, renderFixture, routes }) { | CODE |
| LOW | test/bundling/scripts/createFixture.js | 115 | async function readFixtureTemplateValues(fileUrl) { | CODE |
| LOW | …g-style-functions-demo/CombiningStyleFunctionsDemo.tsx | 10 | export default function CombiningStyleFunctionsDemo() { | CODE |
| LOW | …e/demos/colored-surface/FocusVisibleColoredSurface.tsx | 22 | export default function FocusVisibleColoredSurface() { | CODE |
| LOW | …-callback-css-baseline/OverrideCallbackCssBaseline.tsx | 21 | export default function OverrideCallbackCssBaseline() { | CODE |
| LOW | …eme-with-custom-palette/DarkThemeWithCustomPalette.tsx | 57 | export default function DarkThemeWithCustomPalette() { | CODE |
| LOW | …ble-transition-on-change/DisableTransitionOnChange.tsx | 36 | export default function DisableTransitionOnChange() { | CODE |
| LOW | …om-responsive-font-sizes/CustomResponsiveFontSizes.tsx | 16 | export default function CustomResponsiveFontSizes() { | CODE |
| LOW | …manually-provide-color/ManuallyProvidePaletteColor.tsx | 49 | export default function ManuallyProvidePaletteColor() { | CODE |
| LOW | …ly-provide-custom-color/ManuallyProvideCustomColor.tsx | 36 | export default function ManuallyProvideCustomColor() { | CODE |
| LOW | …ollable-button-visible/ScrollableTabsButtonVisible.tsx | 6 | export default function ScrollableTabsButtonVisible() { | CODE |
| LOW | …ollable-button-prevent/ScrollableTabsButtonPrevent.tsx | 6 | export default function ScrollableTabsButtonPrevent() { | CODE |
| LOW | …/scrollable-button-force/ScrollableTabsButtonForce.tsx | 6 | export default function ScrollableTabsButtonForce() { | CODE |
| LOW | …bally-customized-options/GloballyCustomizedOptions.tsx | 44 | export default function GloballyCustomizedOptions() { | CODE |
| LOW | …utocomplete/demos/infinite-loading/InfiniteLoading.tsx | 166 | function InfiniteQueryAutocomplete() { | CODE |
| LOW | …-single-value-rendering/CustomSingleValueRendering.tsx | 6 | export default function CustomSingleValueRendering() { | CODE |
| LOW | …lo-create-option-dialog/FreeSoloCreateOptionDialog.tsx | 13 | export default function FreeSoloCreateOptionDialog() { | CODE |
| LOW | …demos/linear-with-value-label/LinearWithValueLabel.tsx | 7 | function LinearProgressWithLabelAndValue( | CODE |
| LOW | …s/circular-with-value-label/CircularWithValueLabel.tsx | 7 | function CircularProgressWithLabel( | CODE |
| LOW | …inear-with-aria-value-text/LinearWithAriaValueText.tsx | 13 | function LinearProgressWithLabelAndValue({ | CODE |
| LOW | …uts-style-overrides/CustomizedInputsStyleOverrides.tsx | 73 | export default function CustomizedInputsStyleOverrides() { | CODE |
| LOW | …clickable-and-deletable/ClickableAndDeletableChips.tsx | 4 | export default function ClickableAndDeletableChips() { | CODE |
| LOW | …mos/multiple-placeholder/MultipleSelectPlaceholder.tsx | 44 | export default function MultipleSelectPlaceholder() { | CODE |
| LOW | …riable-height-items/MasonryWithVariableHeightItems.tsx | 21 | export default function MasonryWithVariableHeightItems() { | CODE |
| LOW | …om-pagination-actions/CustomPaginationActionsTable.tsx | 104 | export default function CustomPaginationActionsTable() { | CODE |
| 194 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | test/integration/material-ui/components.spec.tsx | 799 | lorem ipsum dolorem | CODE |
| LOW | docs/data/system/display/display.md | 86 | Lorem Ipsum is simply dummy text | CODE |
| LOW | docs/data/system/display/display.md | 89 | Lorem Ipsum is simply dummy text | CODE |
| LOW | docs/data/system/display/display.md | 112 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. | CODE |
| LOW | docs/data/system/display/display.md | 115 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. | CODE |
| LOW | …ta/system/display/demos/text-overflow/TextOverflow.tsx | 28 | Lorem Ipsum is simply dummy text | CODE |
| LOW | …ta/system/display/demos/text-overflow/TextOverflow.tsx | 51 | Lorem Ipsum is simply dummy text | CODE |
| LOW | …s/data/system/display/demos/white-space/WhiteSpace.tsx | 28 | Lorem Ipsum has been the industry's standard dummy text ever since the | CODE |
| LOW | …s/data/system/display/demos/white-space/WhiteSpace.tsx | 51 | Lorem Ipsum has been the industry's standard dummy text ever since the | CODE |
| LOW | …tomization/css-layers/demos/caveat/CssLayersCaveat.tsx | 64 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …tomization/css-layers/demos/caveat/CssLayersCaveat.tsx | 64 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …tomization/css-layers/demos/caveat/CssLayersCaveat.tsx | 77 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …tomization/css-layers/demos/caveat/CssLayersCaveat.tsx | 77 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …/popper/demos/virtual-element/VirtualElementPopper.tsx | 56 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum purus, | CODE |
| LOW | …/popper/demos/virtual-element/VirtualElementPopper.tsx | 56 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum purus, | CODE |
| LOW | docs/data/material/components/accordion/accordion.md | 102 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada | CODE |
| LOW | docs/data/material/components/accordion/accordion.md | 102 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada | CODE |
| LOW | docs/data/material/components/accordion/accordion.md | 130 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | CODE |
| LOW | docs/data/material/components/accordion/accordion.md | 130 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | CODE |
| LOW | …nts/accordion/demos/transition/AccordionTransition.tsx | 57 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …nts/accordion/demos/transition/AccordionTransition.tsx | 57 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …nts/accordion/demos/transition/AccordionTransition.tsx | 72 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …nts/accordion/demos/transition/AccordionTransition.tsx | 72 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …ordion/demos/expand-default/AccordionExpandDefault.tsx | 23 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …ordion/demos/expand-default/AccordionExpandDefault.tsx | 23 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …ordion/demos/expand-default/AccordionExpandDefault.tsx | 38 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …ordion/demos/expand-default/AccordionExpandDefault.tsx | 38 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …al/components/accordion/demos/usage/AccordionUsage.tsx | 24 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …al/components/accordion/demos/usage/AccordionUsage.tsx | 24 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …al/components/accordion/demos/usage/AccordionUsage.tsx | 37 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …al/components/accordion/demos/usage/AccordionUsage.tsx | 37 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …al/components/accordion/demos/usage/AccordionUsage.tsx | 50 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …al/components/accordion/demos/usage/AccordionUsage.tsx | 50 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …ts/accordion/demos/expand-icon/AccordionExpandIcon.tsx | 24 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …ts/accordion/demos/expand-icon/AccordionExpandIcon.tsx | 24 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …ts/accordion/demos/expand-icon/AccordionExpandIcon.tsx | 39 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …ts/accordion/demos/expand-icon/AccordionExpandIcon.tsx | 39 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …ponents/accordion/demos/disabled/DisabledAccordion.tsx | 23 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …ponents/accordion/demos/disabled/DisabledAccordion.tsx | 23 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …ponents/accordion/demos/disabled/DisabledAccordion.tsx | 38 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW | …ponents/accordion/demos/disabled/DisabledAccordion.tsx | 38 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW⚡ | …ts/accordion/demos/customized/CustomizedAccordions.tsx | 67 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW⚡ | …ts/accordion/demos/customized/CustomizedAccordions.tsx | 67 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW⚡ | …ts/accordion/demos/customized/CustomizedAccordions.tsx | 68 | malesuada lacus ex, sit amet blandit leo lobortis eget. Lorem ipsum dolor | CODE |
| LOW⚡ | …ts/accordion/demos/customized/CustomizedAccordions.tsx | 80 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW⚡ | …ts/accordion/demos/customized/CustomizedAccordions.tsx | 80 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW⚡ | …ts/accordion/demos/customized/CustomizedAccordions.tsx | 81 | malesuada lacus ex, sit amet blandit leo lobortis eget. Lorem ipsum dolor | CODE |
| LOW⚡ | …ts/accordion/demos/customized/CustomizedAccordions.tsx | 93 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW⚡ | …ts/accordion/demos/customized/CustomizedAccordions.tsx | 93 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse | CODE |
| LOW⚡ | …ts/accordion/demos/customized/CustomizedAccordions.tsx | 94 | malesuada lacus ex, sit amet blandit leo lobortis eget. Lorem ipsum dolor | CODE |
| LOW | …ponents/snackbars/demos/long-text/LongTextSnackbar.tsx | 7 | lorem ipsum dolorem | CODE |
| LOW | …aterial/components/dividers/demos/text/DividerText.tsx | 16 | <p>{`Lorem ipsum dolor sit amet, consectetur adipiscing elit.`}</p> | CODE |
| LOW | …aterial/components/dividers/demos/text/DividerText.tsx | 16 | <p>{`Lorem ipsum dolor sit amet, consectetur adipiscing elit.`}</p> | CODE |
| LOW | …erial/components/app-bar/demos/drawer/DrawerAppBar.tsx | 107 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique unde | CODE |
| LOW | …erial/components/app-bar/demos/drawer/DrawerAppBar.tsx | 107 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique unde | CODE |
| LOW | …opover/demos/virtual-element/VirtualElementPopover.tsx | 38 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum purus, | CODE |
| LOW | …opover/demos/virtual-element/VirtualElementPopover.tsx | 38 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum purus, | CODE |
| LOW⚡ | …a/material/components/typography/demos/types/Types.tsx | 27 | subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos | CODE |
| LOW⚡ | …a/material/components/typography/demos/types/Types.tsx | 27 | subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos | CODE |
| LOW⚡ | …a/material/components/typography/demos/types/Types.tsx | 31 | subtitle2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos | CODE |
| 71 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| CRITICAL | packages/mui-codemod/src/util/migrateToVariants.js | 449 | data.node.argument.right.properties.forEach((prop) => { | CODE |
| CRITICAL | …ages/mui-codemod/src/v5.0.0/joy-text-field-to-input.js | 38 | newElementName = elementPath.node.openingElement.name.name.replace( | CODE |
| CRITICAL | …-codemod/src/v5.0.0/base-rename-components-to-slots.js | 33 | if (!path.node.openingElement.name.name.endsWith('Unstyled')) { | CODE |
| CRITICAL | packages/mui-codemod/src/v6.0.0/theme-v6/theme-v6.js | 41 | const componentTheme = path.parent.parent.parent.parent.get('properties'); | CODE |
| CRITICAL | packages/mui-codemod/src/v6.0.0/sx-prop/sx-v6.js | 285 | data.node.argument.right.properties.forEach((prop) => { | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | packages-internal/core-docs/src/utils/createDemo.tsx | 1 | import * as React from 'react'; | COMMENT |
| LOW | …ges-internal/core-docs/src/DemoContent/DemoContent.tsx | 341 | COMMENT | |
| LOW | …ernal/core-docs/src/DemoContent/DemoContentLoading.tsx | 21 | // HTML (which would otherwise fail HTML validation), matching the live | COMMENT |
| LOW | …ages-internal/core-docs/src/DemoContent/CodeSource.tsx | 61 | COMMENT | |
| LOW | …ages-internal/core-docs/src/DemoContent/CodeSource.tsx | 101 | wordBreak: 'normal !important', | COMMENT |
| LOW | …ages-internal/core-docs/src/DemoContent/CodeSource.tsx | 181 | // visible color a translucent `alpha(primary, 0.18)` over `CODE_BG` would give, | COMMENT |
| LOW | …ages-internal/core-docs/src/DemoContent/CodeSource.tsx | 341 | }, | COMMENT |
| LOW | …s-internal/core-docs/src/DemoContent/DemoContainer.tsx | 21 | // Off-screen animation pausing | COMMENT |
| LOW | …s-internal/core-docs/src/DemoContent/DemoContainer.tsx | 401 | // shorter collapsed/focused snippets sit under the cap and still render at their | COMMENT |
| LOW | …s-internal/core-docs/src/DemoContent/DemoContainer.tsx | 421 | // chaining to the page — so hovering over a code block that can't scroll | COMMENT |
| LOW | …s-internal/core-docs/src/DemoContent/DemoContainer.tsx | 601 | }, []); | COMMENT |
| LOW | …ts/typescript-to-proptypes/src/getPropTypesFromFile.ts | 161 | }): string | undefined { | COMMENT |
| LOW | test/regressions/syncDataGridGenerator.ts | 1 | // Fake only `requestIdleCallback` so `@mui/x-data-grid-generator`'s | COMMENT |
| LOW | test/regressions/fakeDateSetup.ts | 1 | // Override `Date` so `new Date()` and `Date.now()` return a stable instant for | COMMENT |
| LOW | test/regressions/index.test.js | 341 | // source pipeline, and the custom start screen is portalled in from an | COMMENT |
| LOW | test/regressions/fixtures.js | 1 | // Fixture discovery for the visual-regression bundle. | COMMENT |
| LOW | test/regressions/fixtures.js | 61 | path, | COMMENT |
| LOW | test/regressions/fixtures.js | 161 | demoFixtures.push({ | COMMENT |
| LOW | test/regressions/demoMeta.ts | 141 | // the harness waits out its timeout on a testcase element that never | COMMENT |
| LOW | test/regressions/index.jsx | 1 | // `./fakeDateSetup` MUST stay first: it installs the frozen `Date` before any | COMMENT |
| LOW | …nents/material-icons/demos/search-icons/SearchIcons.js | 21 | import FormControlLabel from '@mui/material/FormControlLabel'; | COMMENT |
| LOW | …nents/material-icons/demos/search-icons/SearchIcons.js | 41 | // import Delete from '@mui/icons-material/Delete'; | COMMENT |
| LOW | …nents/material-icons/demos/search-icons/SearchIcons.js | 61 | // MenuOutlined, | COMMENT |
| LOW | examples/material-ui-preact/src/setupTests.js | 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. | COMMENT |
| LOW | examples/material-ui-remix-ts/remix.env.d.ts | 1 | /// <reference types="@remix-run/dev" /> | COMMENT |
| LOW | …amples/material-ui-pigment-css-nextjs-ts/next-env.d.ts | 1 | /// <reference types="next" /> | COMMENT |
| LOW | examples/material-ui-nextjs-ts/next-env.d.ts | 1 | /// <reference types="next" /> | COMMENT |
| LOW | packages/mui-material/src/locale/hyAM.ts | 1 | import type { Localization } from './utils/LocaleTextApi'; | COMMENT |
| LOW | packages/mui-material/src/locale/hyAM.ts | 41 | noOptionsText: 'Տարբերակներ չկան', | COMMENT |
| LOW | packages/mui-material/src/locale/hyAM.ts | 61 | // return 'Go to last page'; | COMMENT |
| LOW | packages/mui-material/src/locale/idID.ts | 1 | import type { Localization } from './utils/LocaleTextApi'; | COMMENT |
| LOW | packages/mui-material/src/locale/idID.ts | 41 | noOptionsText: 'Tidak ada opsi', | COMMENT |
| LOW | packages/mui-material/src/locale/idID.ts | 61 | // return 'Go to last page'; | COMMENT |
| LOW | packages/mui-material/src/InputBase/utils.js | 1 | // Supports determination of isControlled(). | COMMENT |
| LOW | …es/mui-material/src/useAutocomplete/useAutocomplete.js | 201 | const highlightedIndexRef = React.useRef(defaultHighlighted); | COMMENT |
| LOW | …-nextjs/src/v13-pagesRouter/pagesRouterV13Document.tsx | 61 | emotionCache?: EmotionCache | undefined; | COMMENT |
| LOW | .circleci/config.yml | 601 | # filters: | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | …s-internal/core-docs/src/DemoContent/DemoContainer.tsx | 348 | marginTop: -1, // overlap the toolbar's bottom border for a seamless join | CODE |
| MEDIUM⚡ | docs/data/careers/roles.json | 10 | "description": "<h2><strong>Details of the role</strong></h2><ul><li><p><strong>Location</strong>: Remote (pre | CODE |
| MEDIUM⚡ | docs/data/careers/roles.json | 10 | "description": "<h2><strong>Details of the role</strong></h2><ul><li><p><strong>Location</strong>: Remote (pre | CODE |
| MEDIUM⚡ | docs/data/careers/roles.json | 10 | "description": "<h2><strong>Details of the role</strong></h2><ul><li><p><strong>Location</strong>: Remote (pre | CODE |
| MEDIUM⚡ | docs/data/careers/roles.json | 10 | "description": "<h2><strong>Details of the role</strong></h2><ul><li><p><strong>Location</strong>: Remote (pre | CODE |
| MEDIUM⚡ | docs/data/careers/roles.json | 18 | "description": "<h2>Details of the role</h2><ul><li><p><strong>Location</strong>: Remote (preference for UTC-6 | CODE |
| MEDIUM⚡ | docs/data/careers/roles.json | 18 | "description": "<h2>Details of the role</h2><ul><li><p><strong>Location</strong>: Remote (preference for UTC-6 | CODE |
| MEDIUM⚡ | docs/data/careers/roles.json | 18 | "description": "<h2>Details of the role</h2><ul><li><p><strong>Location</strong>: Remote (preference for UTC-6 | CODE |
| MEDIUM | packages/mui-material/src/Slider/useSlider.ts | 258 | // This allows seamless integration with the most popular form libraries. | COMMENT |
| MEDIUM | packages/mui-material/src/Select/SelectInput.js | 469 | // This allows seamless integration with the most popular form libraries. | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM⚡ | docs/data/careers/roles.json | 18 | "description": "<h2>Details of the role</h2><ul><li><p><strong>Location</strong>: Remote (preference for UTC-6 | CODE |
| MEDIUM⚡ | docs/data/careers/roles.json | 18 | "description": "<h2>Details of the role</h2><ul><li><p><strong>Location</strong>: Remote (preference for UTC-6 | CODE |
| MEDIUM⚡ | docs/data/careers/roles.json | 18 | "description": "<h2>Details of the role</h2><ul><li><p><strong>Location</strong>: Remote (preference for UTC-6 | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | …mples/material-ui-react-router-ts/app/entry.server.tsx | 15 | export default function handleRequest( | CODE |
| LOW | examples/material-ui-remix-ts/app/entry.server.tsx | 12 | export default function handleRequest( | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | packages/mui-material/src/Tabs/Tabs.js | 652 | // TODO: Add tests that will ensure the component is not failing when | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | .github/ISSUE_TEMPLATE/1.bug.yml | 57 | Don't forget to mention which browser you used. | CODE |