Conversation
Owner
gfazioli
commented
Apr 1, 2026
- *** ⬆️ chore: upgrade to Mantine 9, React 19, TypeScript 6, and Storybook 10**
- 🎃 docs(demos): update Halloween countdown to 2026
…ok 10 * Upgrade @mantine/core and @mantine/hooks from 8.x to 9.0.0 across root and docs workspaces * Bump React to 19.2.4 and TypeScript to 6.0.2 for full compatibility with Mantine 9 * Migrate Storybook from v8 to v10.3.3 with updated addons and framework packages * Replace Prettier (.prettierrc.mjs) with oxfmt (.oxfmtrc.json) as the project formatter * Update package/package.json keywords from mantine-v8 to mantine-v9 and add responsive keyword * Upgrade Next.js docs site to 15.5.14 with updated @mantinex dependencies * Refresh CLAUDE.md project context to reflect Mantine 9 architecture and new tooling * Update README.md to require Mantine 9.x and document latest features * Bump numerous devDependencies (esbuild, eslint, rollup, postcss, syncpack, etc.) to latest minor versions * Update yarn.lock to reflect all dependency changes across both workspaces
- Change target date from 2027 to 2026 in demo code - Update card titles to reflect the new year - Keep demo consistent with current year for accurate display
There was a problem hiding this comment.
Pull request overview
This PR upgrades the project toolchain/dependencies to Mantine v9, React v19, TypeScript v6, and Storybook v10, and refreshes the docs demo countdown date.
Changes:
- Upgrade core UI/runtime/tooling dependencies (Mantine, React, TypeScript, Storybook) and update lockfile.
- Switch formatting from Prettier to
oxfmtand adjust scripts/configuration accordingly. - Update the Halloween countdown demo target date/title to 2026.
Reviewed changes
Copilot reviewed 15 out of 17 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
| yarn.lock | Updates dependency resolutions for Mantine 9 / React 19 / TS 6 / Storybook 10 and related tooling. |
| tsconfig.json | Changes TS module resolution to bundler to align with modern bundler-based setups. |
| tsconfig.build.json | Narrows build inputs to package/src and sets rootDir for declaration output consistency. |
| README.md | Documents new version requirements (Mantine 9 / React 19). |
| package/src/ClockDigital.tsx | Updates Mantine factory usage, but currently drops ref forwarding. |
| package/src/Clock.tsx | Adjusts ref handling for React 19 “ref as prop” by extracting and merging refs. |
| package/package.json | Updates package keywords to reflect Mantine v9. |
| package.json | Replaces Prettier scripts/deps with oxfmt and bumps major dev tooling versions. |
| docs/tsconfig.json | Aligns docs TS target/module resolution with the upgraded toolchain. |
| docs/package.json | Upgrades docs dependencies to Mantine 9 and TypeScript 6. |
| docs/demos/useClockCountDown.demo.targetDates.tsx | Updates Halloween countdown to 2026. |
| CLAUDE.md | Updates contributor commands/docs for the new toolchain (oxfmt, Mantine 9) and removes local-path reference. |
| .storybook/preview.tsx | Reworks theme handling via globals + MantineProvider for Storybook 10. |
| .storybook/main.ts | Updates Storybook 10 config and addons list (currently drops addon-essentials). |
| .prettierrc.mjs | Removes the Prettier configuration (formatter migration). |
| .oxfmtrc.json | Adds oxfmt configuration (import ordering + formatting options). |
| .github/workflows/pull_request.yml | Uses .nvmrc for Node version selection and renames the workflow. |
Comments suppressed due to low confidence (1)
package/src/ClockDigital.tsx:165
ClockDigitalFactorystill declaresref: HTMLDivElement, and there is a unit test that asserts the component forwards refs. The root<Box>no longer receives any ref, soref.currentwill stay null and the ref-forwarding contract is broken. Extractreffrom props (React 19 ref-as-prop) and pass it to the rootBox, or remove thereftyping if refs are intentionally not supported.
return (
<>
<ClockDigitalMediaVariables size={size} gap={gap} selector={`.${responsiveClassName}`} />
<Box
{...getStyles('root', { className: responsiveClassName })}
role="timer"
aria-label={`${clock.formattedHours}${separator}${clock.formattedMinutes}${showSeconds ? `${separator}${clock.formattedSeconds}` : ''}`}
{...others}
>
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
- Deletes .vscode/settings.json containing unused Prettier paths - Cleans up repository configuration - Keeps project files focused on core settings
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.