From 3f4a919483732384882cb7011be6a8164eda89c2 Mon Sep 17 00:00:00 2001 From: Carlos Valente Date: Sat, 15 Aug 2026 14:49:01 +0000 Subject: [PATCH] chore(deps): upgrade @mantine/hooks to v9 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit v9 splits useFullscreen into useFullscreenElement (ref-based) and useFullscreenDocument. NavigationMenu never attached the ref, and v8's useFullscreen fell back to document.documentElement in that case, so useFullscreenDocument is a behaviourally identical swap. Every other hook in use is unaffected. The one other breaking change — useLocalStorage/useSessionStorage now return `T | undefined` when no defaultValue is given — does not apply: all nine call sites pass one. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_01NWs1vf42msmoJ21ABvQMpm --- apps/client/package.json | 2 +- .../components/navigation-menu/NavigationMenu.tsx | 4 ++-- pnpm-lock.yaml | 12 ++++++------ 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/apps/client/package.json b/apps/client/package.json index 5d91e83d5..7b26d096e 100644 --- a/apps/client/package.json +++ b/apps/client/package.json @@ -13,7 +13,7 @@ "@dnd-kit/sortable": "^10.0.0", "@dnd-kit/utilities": "^3.2.2", "@fontsource/open-sans": "^5.2.7", - "@mantine/hooks": "^8.3.7", + "@mantine/hooks": "^9.5.1", "@sentry/react": "^10.59.0", "@table-nav/react": "^0.0.7", "@tanstack/react-query": "^5.101.0", diff --git a/apps/client/src/common/components/navigation-menu/NavigationMenu.tsx b/apps/client/src/common/components/navigation-menu/NavigationMenu.tsx index 3663f64fc..7f78b6e5d 100644 --- a/apps/client/src/common/components/navigation-menu/NavigationMenu.tsx +++ b/apps/client/src/common/components/navigation-menu/NavigationMenu.tsx @@ -1,5 +1,5 @@ import { Dialog } from '@base-ui/react/dialog'; -import { useDisclosure, useFullscreen } from '@mantine/hooks'; +import { useDisclosure, useFullscreenDocument } from '@mantine/hooks'; import { memo } from 'react'; import { IoClose, IoContract, IoExpand, IoLockClosedOutline, IoSwapVertical } from 'react-icons/io5'; import { LuCoffee } from 'react-icons/lu'; @@ -33,7 +33,7 @@ function NavigationMenu({ isOpen, onClose }: NavigationMenuProps) { const isSmallScreen = useIsSmallScreen(); const [isRenameOpen, handlers] = useDisclosure(false); - const { fullscreen, toggle } = useFullscreen(); + const { fullscreen, toggle } = useFullscreenDocument(); const { mirror, toggleMirror } = useViewOptionsStore(); const { keepAwake, toggleKeepAwake } = useKeepAwakeOptions(); const location = useLocation(); diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3156a4719..0f66848a6 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -86,8 +86,8 @@ importers: specifier: ^5.2.7 version: 5.2.7 '@mantine/hooks': - specifier: ^8.3.7 - version: 8.3.7(react@19.2.7) + specifier: ^9.5.1 + version: 9.5.1(react@19.2.7) '@sentry/react': specifier: ^10.59.0 version: 10.59.0(react@19.2.7) @@ -1228,10 +1228,10 @@ packages: resolution: {integrity: sha512-9QOtNffcOF/c1seMCDnjckb3R9WHcG34tky+FHpNKKCW0wc/scYLwMtO+ptyGUfMW0/b/n4qRiALlaFHc9Oj7Q==} engines: {node: '>= 10.0.0'} - '@mantine/hooks@8.3.7': - resolution: {integrity: sha512-2xnKS8C6fTzMoq1dtOJGrh2bIBuWnVrijL/DsDk60UaUgbABh8zScwU5ndX+p02ds2bebo34LovscP9fH38uPg==} + '@mantine/hooks@9.5.1': + resolution: {integrity: sha512-2sK9OdWvrzKBOuWxLfQA5qcAJzxpzqNlKumaP7Uq0i7LDBQeY/sYgNiBWLwtW+iZw6fFXwPf0nI7q5VVpvqnNQ==} peerDependencies: - react: ^18.x || ^19.x + react: ^19.2.0 '@marijn/find-cluster-break@1.0.2': resolution: {integrity: sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==} @@ -5970,7 +5970,7 @@ snapshots: transitivePeerDependencies: - supports-color - '@mantine/hooks@8.3.7(react@19.2.7)': + '@mantine/hooks@9.5.1(react@19.2.7)': dependencies: react: 19.2.7