[ChronosSF]

Adds npm run check:samples, runs it in CI right after astro check, and fixes what it found.

Why

astro check doesn't cover samples/. Most samples' own tsconfigs use moduleResolution: node, which can't see the types the IG packages publish through exports, so every IG component types as any. That's how vnext merged two color-picker samples that pass props IgrColorPicker doesn't have (placeholder, size).

The check

• tsconfig.samples.json type-checks every published sample in one program. It uses the add:sample settings (bundler resolution) without strict, because the generated samples aren't written for strict mode. It takes about 30 s and about 2.7 GB of memory; running tsc -p once per sample would take about an hour.
• It turns off noUncheckedSideEffectImports, as in the TypeScript 5.9 the samples build with. TypeScript 6 turns it on, and then rejects igniteui-react-grids/grids/combined, an untyped side-effect import that is valid.
• scripts/lib/sample-globals.d.ts restores the global JSX.Element that @types/react 19 removed. 683 generated samples still annotate render() with it.
• Any type error fails the check. It skips the samples in unpublished.json, as everything else does, and the ones in scripts/lib/skip-type-check.json (below).
• In CI, the build still runs when a check fails, and the smoke tests run whenever the build succeeds, so a type error can't hide a broken build.

Fixed: 20 hand-maintained samples

Sample	Fix
editors/x-date-picker/date-limits, editing, format	create root before root.render(); they threw when run on their own
grids/grid/editing-excel-style, scheduling/date-range-picker/slots	useRef(null); React 19 requires an initial value
grids/grid/localization	IgrSelect change handler typed as its CustomEvent, reading e.detail.value
grids/grid/disabled-summaries, remote-paging-grid	nothing; false positive, fixed in the config above
grids/grid-lite/sort-config-events, sort-config-pipeline	readOnly, not the attribute name readonly
grids/grid-lite/styling-config-themes	igc-* tags declared in React.JSX, which React 19 reads instead of the global JSX
inputs/badge/dot, icon, overview, tailwind-styling, type; inputs/color-picker/tailwind-styling	dropped size, removed from all components in igniteui-webcomponents 5.0; the badge CSS already sets --ig-size
inputs/color-picker/styling	dropped placeholder, which it doesn't have
inputs/button-group/custom-toggle	selection="multiple", not selectionMode="multi" (behavior change, below)
interactions/chat/features	createChatMarkdownRenderer({}); every option is optional

Verified against the previous build:

• Screenshots: the 15 samples that render deterministically are pixel-identical, with no console errors.
• The other 5 (random data or the current time):
  • the 3 x-date-pickers and grid-lite styling build to byte-identical chunks;
  • all 42 grid-lite ratings are still read-only;
  • none of the 5 log errors.
• The one intended behavior change: custom-toggle's buttons were single-select; they now multi-select, matching the Web Components version of the sample.

Skipped: 5 generated samples

These are exported from igniteui-xplat-examples, so a fix made only here is lost at the next export. skip-type-check.json lists each with its error until the fix lands in xplat. They stay published: putting them in unpublished.json would also drop them from the site and the docs code viewer.

• grids/data-grid/column-resizing: renders <DataGridColumnResizing/>; the component is GridColumnResizing
• grids/data-grid/row-selection: root.render() without creating root
• grids/grid/row-pinning-extra-column: rowList is an array; it has no toArray()
• maps/geo-map/display-azure-imagery, display-bing-imagery: ref callbacks return a value, which React 19 reads as a cleanup function

Verify

npm run check:samples              # 986 samples checked, no errors
npx tsc -p tsconfig.samples.json   # every sample, skipped ones included

🤖 Generated with Claude Code

[Copilot]

🔵 Needs a closer look

The allowlist can silently accept unrelated diagnostics in samples with known failures, so the checker needs tightening before approval.

No open issues 🎉

What changed in this PR

Adds a shared TypeScript validation workflow for published samples, exposing npm run check:samples and running it in CI to catch errors that astro check does not cover.

Changes:

• Adds shared sample compiler configuration and a React JSX compatibility declaration.
• Adds the sample checker, known-error allowlist, and npm script.
• Documents the command and runs it in CI after astro check.

File	Summary	Review
tsconfig.samples.json	Defines shared compiler settings for sample type-checking.	—
scripts/​lib/​sample-globals.d.ts	Restores the global JSX.Element type used by generated samples.	—
scripts/​lib/​known-type-errors.json	Records currently known sample type failures.	—
scripts/​check-samples.js	Runs the shared check and validates expected failures.	Moderate: Slug-level allowlisting can accept unrelated new diagnostics in an allowlisted sample.
README.md	Documents the sample type-checking command and workflow.	Nit: Clarify that the command checks every published sample, excluding unpublished samples.
package.json	Adds the check:samples npm script.	—
.github/​workflows/​ci.yml	Runs sample type-checking in CI after astro check.	—

_{Review effort: Lite}