Skip to content

update v9#16

Merged
gfazioli merged 3 commits into
masterfrom
update-v9
Apr 1, 2026
Merged

update v9#16
gfazioli merged 3 commits into
masterfrom
update-v9

Conversation

@gfazioli
Copy link
Copy Markdown
Owner

@gfazioli gfazioli commented Apr 1, 2026

  • *** ⬆️ chore: upgrade to Mantine 9, React 19, TypeScript 6, and Storybook 10**
  • 🎃 docs(demos): update Halloween countdown to 2026

gfazioli added 2 commits April 1, 2026 17:52
…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
Copilot AI review requested due to automatic review settings April 1, 2026 16:02
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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 oxfmt and 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

  • ClockDigitalFactory still declares ref: HTMLDivElement, and there is a unit test that asserts the component forwards refs. The root <Box> no longer receives any ref, so ref.current will stay null and the ref-forwarding contract is broken. Extract ref from props (React 19 ref-as-prop) and pass it to the root Box, or remove the ref typing 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.

Comment thread README.md
Comment thread .storybook/main.ts
Comment thread package.json
- Deletes .vscode/settings.json containing unused Prettier paths
- Cleans up repository configuration
- Keeps project files focused on core settings
@gfazioli gfazioli merged commit 41d80e0 into master Apr 1, 2026
1 check passed
@gfazioli gfazioli deleted the update-v9 branch April 1, 2026 16:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants