AI Slop Code Risk Monitor

react-grid-layout/react-grid-layout

SlopCodeMonitor badge for react-grid-layout/react-grid-layout Adjusted legacy signal; badge bands: 25 / 50 / 75 (different from dashboard bands).

A draggable and resizable grid layout with responsive breakpoints, for React.

16.8 Elevated pattern signal View on GitHub

Open-Source Code Quality, Security and Technical Debt Review

This report summarizes scanner evidence for react-grid-layout/react-grid-layout, a TypeScript project with 22,481 GitHub stars. SynthScan examined 121,769 lines of code across 415 source files, recording 1379 pattern matches distributed across 5 syntactic categories. The legacy adjusted pattern signal is 16.8 (Elevated 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.

16.8
Adjusted Signal
16.8
Raw Pattern Score
100%
Time Factor
2026-11-01
Last Push
22.5K
Stars
TypeScript
Language
121.8K
Lines of Code
415
Files
1.4K
Pattern Hits
2026-10-31
Scan Date
0.00
HC Hit Rate

Risk Review · Payload v1

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.

Cognitive Ownership Risk 2.1/100 · LOW

Can maintainers explain intent, assumptions, and trade-offs? 41 finding(s).

Hallucinated Dependency & Supply Chain Risk 55.8/100 · HIGH

Are imports declared and package/API names verified? 1338 finding(s).

Agent Over-Engineering Ratio 0.5/100 · LOW

Are wrappers, guards, and repeated structures necessary? 12 finding(s).

PR Review Velocity Impact 43.2/100 · MEDIUM

Which changes need focused human review? 1379 finding(s).

What These Metrics Mean

Adjusted Signal
Legacy pattern score normalized per 1,000 scanned lines and multiplied by the repository-level time factor. It is not an estimate of AI authorship.
Raw Pattern Score
Sum of severity- and context-weighted pattern findings before applying the time factor.
Time Factor
A coarse multiplier based on repository last-push metadata. It does not identify when individual code was written.
Pattern Hits
Count of configured pattern findings. Review each location and surrounding code before acting.
HC Hit Rate
High- and critical-severity findings per scanned file. Severity is a configured detector weight, not proof of a vulnerability or authorship.
Lines / Files
Scan coverage denominators used by the legacy normalized score.

Pattern-Signal History

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.

Severity Breakdown

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.

CRITICAL 0HIGH 0MEDIUM 0LOW 1379

Directory Score Breakdown

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.

Pattern Findings

The scanner identified 1379 distinct pattern matches across 5 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.

Fake / Example Data1338 hits · 1989 pts
SeverityFileLineSnippetContext
LOWREADME.md452 {placeholder && <div className="placeholder" />}CODE
LOWtest/golden-react/recorder.ts47 return `${id ?? "placeholder"}:handle:${axis.replace("react-resizable-handle-", "")}`;CODE
LOWtest/golden-react/recorder.ts48 if (node.classList.contains("react-grid-placeholder")) return "placeholder";CODE
LOW…st/golden-react/scenarios/differential.golden-test.tsx158 differences.push("placeholder");CODE
LOW⚡…st/golden-react/__golden__/resize-w.prevent.trace.json4{"callbacks":[{"args":[[{"constraints":{"$u":1},"h":2,"i":"b","isBounded":{"$u":1},"isDraggable":{"$u":1},"isResizable":CODE
LOW⚡…st/golden-react/__golden__/resize-w.prevent.trace.json5{"callbacks":[{"eventType":"mousedown","layout":[{"constraints":{"$u":1},"h":2,"i":"b","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…st/golden-react/__golden__/resize-w.prevent.trace.json6{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":2,"i":"b","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…st/golden-react/__golden__/resize-w.prevent.trace.json7{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":2,"i":"b","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…st/golden-react/__golden__/resize-w.prevent.trace.json8{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":2,"i":"b","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…st/golden-react/__golden__/resize-w.prevent.trace.json9{"callbacks":[{"eventType":"mouseup","layout":[{"constraints":{"$u":1},"h":2,"i":"b","isBounded":{"$u":1},"isDraggable":CODE
LOW⚡…st/golden-react/__golden__/resize-w.prevent.trace.json10{"callbacks":[],"dom":{"containerHeight":null,"dropping":false,"items":[],"placeholder":null},"input":{"kind":"unmount"}CODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json4{"callbacks":[],"dom":{"containerHeight":"150px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json5{"callbacks":[],"dom":{"containerHeight":"150px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json6{"callbacks":[],"dom":{"containerHeight":"150px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json7{"callbacks":[{"args":[[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggable":{"$u":1},"isResizable":CODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json8{"callbacks":[],"dom":{"containerHeight":"230px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json9{"callbacks":[{"args":[[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggable":{"$u":1},"isResizable":CODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json10{"callbacks":[],"dom":{"containerHeight":"230px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json11{"callbacks":[],"dom":{"containerHeight":"230px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json12{"callbacks":[{"args":[[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggable":{"$u":1},"isResizable":CODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json13{"callbacks":[],"dom":{"containerHeight":"270px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json14{"callbacks":[],"dom":{"containerHeight":"270px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json15{"callbacks":[{"args":[[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggable":{"$u":1},"isResizable":CODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json16{"callbacks":[],"dom":{"containerHeight":"270px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
LOW⚡…den__/hook-native-gestures.strict-none-hook.trace.json17{"callbacks":[],"dom":{"containerHeight":null,"dropping":false,"items":[],"placeholder":null},"hookState":{"containerHeiCODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json4{"callbacks":[{"args":[[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggable":{"$u":1},"isResizable":CODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json5{"callbacks":[{"eventType":"mousedown","layout":[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json6{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json7{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json8{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json9{"callbacks":[{"eventType":"mouseup","layout":[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggable":CODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json10{"callbacks":[{"eventType":"mousedown","layout":[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json11{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json12{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json13{"callbacks":[{"eventType":"mouseup","layout":[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggable":CODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json14{"callbacks":[{"eventType":"mousedown","layout":[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json15{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json16{"callbacks":[{"eventType":"mouseup","layout":[{"constraints":{"$u":1},"h":2,"i":"a","isBounded":{"$u":1},"isDraggable":CODE
LOW⚡…native-gestures.normal-horizontal-component.trace.json17{"callbacks":[],"dom":{"containerHeight":null,"dropping":false,"items":[],"placeholder":null},"input":{"type":"unmount"}CODE
LOW⚡…/__golden__/drag-static-and-bounds.vertical.trace.json4{"callbacks":[{"args":[[{"constraints":{"$u":1},"h":1,"i":"a","isBounded":{"$u":1},"isDraggable":{"$u":1},"isResizable":CODE
LOW⚡…/__golden__/drag-static-and-bounds.vertical.trace.json5{"callbacks":[],"dom":{"containerHeight":"600px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
LOW⚡…/__golden__/drag-static-and-bounds.vertical.trace.json6{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":1,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…/__golden__/drag-static-and-bounds.vertical.trace.json7{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":1,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…/__golden__/drag-static-and-bounds.vertical.trace.json8{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":1,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…/__golden__/drag-static-and-bounds.vertical.trace.json9{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":1,"i":"a","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…/__golden__/drag-static-and-bounds.vertical.trace.json10{"callbacks":[{"eventType":"mouseup","layout":[{"constraints":{"$u":1},"h":1,"i":"a","isBounded":{"$u":1},"isDraggable":CODE
LOW⚡…/__golden__/drag-static-and-bounds.vertical.trace.json11{"callbacks":[],"dom":{"containerHeight":null,"dropping":false,"items":[],"placeholder":null},"input":{"kind":"unmount"}CODE
LOW⚡…esponsive-compactor-double-layout-change.v2.trace.json4{"callbacks":[{"args":[[{"constraints":{"$u":1},"h":1,"i":"a","isBounded":{"$u":1},"isDraggable":{"$u":1},"isResizable":CODE
LOW⚡…esponsive-compactor-double-layout-change.v2.trace.json5{"callbacks":[{"args":[[{"constraints":{"$u":1},"h":1,"i":"a","isBounded":{"$u":1},"isDraggable":{"$u":1},"isResizable":CODE
LOW⚡…esponsive-compactor-double-layout-change.v2.trace.json6{"callbacks":[],"dom":{"containerHeight":null,"dropping":false,"items":[],"placeholder":null},"input":{"kind":"unmount"}CODE
LOW⚡…/golden-react/__golden__/resize-ne.absolute.trace.json4{"callbacks":[{"args":[[{"constraints":{"$u":1},"h":2,"i":"b","isBounded":{"$u":1},"isDraggable":{"$u":1},"isResizable":CODE
LOW⚡…/golden-react/__golden__/resize-ne.absolute.trace.json5{"callbacks":[{"eventType":"mousedown","layout":[{"constraints":{"$u":1},"h":2,"i":"b","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…/golden-react/__golden__/resize-ne.absolute.trace.json6{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":2,"i":"b","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…/golden-react/__golden__/resize-ne.absolute.trace.json7{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":2,"i":"b","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…/golden-react/__golden__/resize-ne.absolute.trace.json8{"callbacks":[{"eventType":"mousemove","layout":[{"constraints":{"$u":1},"h":2,"i":"b","isBounded":{"$u":1},"isDraggableCODE
LOW⚡…/golden-react/__golden__/resize-ne.absolute.trace.json9{"callbacks":[{"eventType":"mouseup","layout":[{"constraints":{"$u":1},"h":2,"i":"b","isBounded":{"$u":1},"isDraggable":CODE
LOW⚡…/golden-react/__golden__/resize-ne.absolute.trace.json10{"callbacks":[],"dom":{"containerHeight":null,"dropping":false,"items":[],"placeholder":null},"input":{"kind":"unmount"}CODE
LOW⚡…hook-native-gestures.strict-horizontal-hook.trace.json4{"callbacks":[],"dom":{"containerHeight":"150px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
LOW⚡…hook-native-gestures.strict-horizontal-hook.trace.json5{"callbacks":[],"dom":{"containerHeight":"150px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
LOW⚡…hook-native-gestures.strict-horizontal-hook.trace.json6{"callbacks":[],"dom":{"containerHeight":"150px","dropping":false,"items":[{"classNames":["cssTransforms","react-draggabCODE
1278 more matches not shown…
Structural Annotation Overuse14 hits · 20 pts
SeverityFileLineSnippetContext
LOWtest/spec/lifecycle-test.js966 // Step 1: Drag into the grid (creates dropping placeholder)COMMENT
LOWtest/spec/lifecycle-test.js1004 // Step 2: Move the item around inside the grid (multiple moves)COMMENT
LOWtest/spec/lifecycle-test.js1020 // Step 3: Drag leave (move outside the grid without releasing)COMMENT
LOWtest/spec/lifecycle-test.js1082 // Step 1: Drag into the grid (creates dropping placeholder)COMMENT
LOWtest/spec/lifecycle-test.js1103 // Step 2: Move around inside multiple timesCOMMENT
LOWtest/spec/lifecycle-test.js1119 // Step 3: Drag outCOMMENT
LOWtest/spec/lifecycle-test.js1164 // Step 1: Drag into the grid (creates dropping placeholder)COMMENT
LOWtest/spec/lifecycle-test.js1185 // Step 2: Move around insideCOMMENT
LOWtest/spec/lifecycle-test.js1201 // Step 3: Drag outCOMMENT
LOWtest/spec/lifecycle-test.js1271 // Step 1: Drag into the gridCOMMENT
LOWtest/spec/lifecycle-test.js1292 // Step 2: Move around inside the gridCOMMENT
LOWtest/spec/lifecycle-test.js1308 // Step 3: Drag out without releasing (this is where the infinite loop occurred)COMMENT
LOWrfcs/0001-v2-typescript-rewrite.md1431// Step 1: Switch import (still using class-like API)COMMENT
LOWrfcs/0001-v2-typescript-rewrite.md1456// Step 2: Use hooks for full controlCOMMENT
Verbosity Indicators13 hits · 18 pts
SeverityFileLineSnippetContext
LOWtest/spec/lifecycle-test.js966 // Step 1: Drag into the grid (creates dropping placeholder)COMMENT
LOWtest/spec/lifecycle-test.js1004 // Step 2: Move the item around inside the grid (multiple moves)COMMENT
LOWtest/spec/lifecycle-test.js1020 // Step 3: Drag leave (move outside the grid without releasing)COMMENT
LOWtest/spec/lifecycle-test.js1082 // Step 1: Drag into the grid (creates dropping placeholder)COMMENT
LOWtest/spec/lifecycle-test.js1103 // Step 2: Move around inside multiple timesCOMMENT
LOWtest/spec/lifecycle-test.js1119 // Step 3: Drag outCOMMENT
LOWtest/spec/lifecycle-test.js1164 // Step 1: Drag into the grid (creates dropping placeholder)COMMENT
LOWtest/spec/lifecycle-test.js1185 // Step 2: Move around insideCOMMENT
LOWtest/spec/lifecycle-test.js1201 // Step 3: Drag outCOMMENT
LOWtest/spec/lifecycle-test.js1271 // Step 1: Drag into the gridCOMMENT
LOWtest/spec/lifecycle-test.js1292 // Step 2: Move around inside the gridCOMMENT
LOWtest/spec/lifecycle-test.js1308 // Step 3: Drag out without releasing (this is where the infinite loop occurred)COMMENT
LOWsrc/extras/wrapCompactor.ts98 // For items larger than 1x1, we need to check if the full item fitsCOMMENT
Hyper-Verbose Identifiers12 hits · 12 pts
SeverityFileLineSnippetContext
LOWtest/spec/hooks-test.tsx74function TestContainerWidthComponent({CODE
LOWtest/spec/resize-constraints-test.tsx199 function buildNodeWithContainerHeight(containerHeight: number): HTMLElement {CODE
LOWtest/spec/oracles/legacyMoveElement.ts125export function legacyMoveElementAwayFromCollision(CODE
LOWrfcs/0001-v2-typescript-rewrite.md1342export function extractLayoutFromChildren(CODE
LOWrfcs/0001-v2-typescript-rewrite.md1353export function synchronizeLayoutWithChildren(CODE
LOWsrc/core/layout.ts302export function moveElementAwayFromCollision(CODE
LOWsrc/core/compactors.ts35export function resolveCompactionCollision(CODE
LOWsrc/legacy/ResponsiveReactGridLayout.tsx303>(function ResponsiveReactGridLayoutForward(CODE
LOWsrc/react/components/ResponsiveGridLayout.tsx115function synchronizeLayoutWithChildren(CODE
LOWsrc/react/components/ResponsiveGridLayout.tsx509>(function ResponsiveGridLayoutForwardRef(CODE
LOWsrc/react/components/GridLayout.tsx226function synchronizeLayoutWithChildren(CODE
LOWsrc/react/components/edgeScroll.ts43export function createEdgeScrollController(CODE
Over-Commented Block2 hits · 2 pts
SeverityFileLineSnippetContext
LOWtest/spec/lifecycle-test.js2781 const dragCall = onDrag.mock.calls[onDrag.mock.calls.length - 1];COMMENT
LOWsrc/react/hooks/useContainerWidth.ts161 let debounceTimer: number | undefined;COMMENT