FE-54: Update misc packages (#7893)

Author: indietyp

apps/hash-ai-worker-ts/package.json

@@ -47,7 +47,7 @@
     "@apps/hash-graph": "0.0.0-private",
     "@blockprotocol/graph": "0.4.0-canary.2",
     "@blockprotocol/type-system": "0.1.2-canary.1",
-    "@google-cloud/storage": "7.16.0",
+    "@google-cloud/storage": "7.17.2",
     "@google-cloud/vertexai": "1.10.0",
     "@local/advanced-types": "0.0.0-private",
     "@local/hash-backend-utils": "0.0.0-private",
@@ -63,14 +63,14 @@
     "@temporalio/workflow": "1.12.1",
     "ajv": "8.17.1",
     "ajv-formats": "3.0.1",
-    "axios": "1.12.0",
+    "axios": "1.12.2",
     "cache-manager": "5.7.6",
-    "dedent": "0.7.0",
+    "dedent": "1.7.0",
     "dotenv-flow": "3.3.0",
     "e2b": "0.13.1",
-    "exponential-backoff": "3.1.2",
+    "exponential-backoff": "3.1.3",
     "googleapis": "133.0.0",
-    "gpt-tokenizer": "3.0.1",
+    "gpt-tokenizer": "3.2.0",
     "is-docker": "3.0.0",
     "jsdom": "24.1.3",
     "llamaindex": "0.8.37",
@@ -87,7 +87,7 @@
     "puppeteer-extra-plugin-stealth": "2.11.2",
     "sanitize-html": "2.17.0",
     "tsconfig-paths-webpack-plugin": "4.2.0",
-    "tsx": "4.20.3",
+    "tsx": "4.20.6",
     "typescript": "5.9.3"
   },
   "devDependencies": {
@@ -97,16 +97,16 @@
     "@types/dotenv-flow": "3.3.3",
     "@types/jsdom": "21.1.7",
     "@types/lodash": "4.17.20",
-    "@types/md5": "2.3.5",
+    "@types/md5": "2.3.6",
     "@types/mime-types": "2.1.4",
-    "@types/node": "22.16.5",
+    "@types/node": "22.18.11",
     "@types/papaparse": "5.3.16",
     "@types/sanitize-html": "2.16.0",
     "@vitest/coverage-istanbul": "3.2.4",
-    "eslint": "9.37.0",
+    "eslint": "9.38.0",
     "rimraf": "6.0.1",
     "typescript": "5.9.3",
     "vitest": "3.2.4",
-    "wait-on": "8.0.4"
+    "wait-on": "9.0.1"
   }
 }

apps/hash-api/package.json

@@ -58,7 +58,7 @@
     "@ory/client": "1.1.41",
     "@ory/hydra-client": "2.2.1",
     "@ory/kratos-client": "1.0.0",
-    "@rudderstack/rudder-sdk-node": "2.1.6",
+    "@rudderstack/rudder-sdk-node": "2.1.10",
     "@sentry/node": "9.44.0",
     "@snowplow/node-tracker": "3.24.6",
     "@temporalio/client": "1.12.1",
@@ -70,19 +70,19 @@
     "apollo-server-errors": "3.3.1",
     "apollo-server-express": "3.9.0",
     "app-root-path": "3.1.0",
-    "axios": "1.12.0",
+    "axios": "1.12.2",
     "body-parser": "1.20.3",
-    "clipboardy": "2.3.0",
+    "clipboardy": "5.0.0",
     "cors": "2.8.5",
     "cross-env": "7.0.3",
-    "dedent": "0.7.0",
+    "dedent": "1.7.0",
     "effect": "3.18.4",
-    "exponential-backoff": "3.1.2",
+    "exponential-backoff": "3.1.3",
     "express": "4.21.2",
     "express-handlebars": "7.1.3",
-    "express-http-proxy": "2.1.1",
+    "express-http-proxy": "2.1.2",
     "express-rate-limit": "7.5.1",
-    "fractional-indexing": "2.1.0",
+    "fractional-indexing": "3.2.0",
     "googleapis": "133.0.0",
     "graphql": "16.11.0",
     "graphql-parse-resolve-info": "4.14.1",
@@ -91,7 +91,7 @@
     "hot-shots": "8.5.2",
     "html-to-text": "8.2.1",
     "http-terminator": "3.2.0",
-    "immer": "9.0.21",
+    "immer": "10.1.3",
     "install": "0.13.0",
     "js-yaml": "4.1.0",
     "jsonpath": "1.1.1",
@@ -101,10 +101,10 @@
     "mime-types": "2.1.35",
     "nanoid": "3.3.11",
     "nodemailer": "6.10.1",
-    "oembed-providers": "1.0.20250715",
+    "oembed-providers": "1.0.20250926",
     "openai": "4.104.0",
     "ts-json-schema-generator": "1.5.1",
-    "tsx": "4.20.3",
+    "tsx": "4.20.6",
     "typescript": "5.9.3",
     "ws": "8.18.3"
   },
@@ -122,14 +122,14 @@
     "@types/jsonpath": "0.2.4",
     "@types/lodash": "4.17.20",
     "@types/mailchimp__mailchimp_marketing": "3.0.21",
-    "@types/md5": "2.3.5",
+    "@types/md5": "2.3.6",
     "@types/mime-types": "2.1.4",
     "@types/nodemailer": "6.4.17",
     "@vitest/coverage-istanbul": "3.2.4",
-    "eslint": "9.37.0",
+    "eslint": "9.38.0",
     "rimraf": "6.0.1",
     "typescript": "5.9.3",
     "vitest": "3.2.4",
-    "wait-on": "8.0.4"
+    "wait-on": "9.0.1"
   }
 }

apps/hash-api/src/graphql/resolvers/knowledge/block-collection/update-block-collection-actions.ts

@@ -9,7 +9,7 @@ import { typedEntries } from "@local/advanced-types/typed-entries";
 import type { AuthenticationContext } from "@local/hash-graph-sdk/authentication-context";
 import { mergePropertiesAndMetadata } from "@local/hash-graph-sdk/entity";
 import { ApolloError, UserInputError } from "apollo-server-errors";
-import produce from "immer";
+import { produce } from "immer";
 
 import type { ImpureGraphContext } from "../../../../graph/context-types";
 import type { PropertyValue } from "../../../../graph/knowledge/primitive/entity";

apps/hash-frontend/package.json

@@ -21,8 +21,8 @@
     "@apollo/client": "3.10.5",
     "@blockprotocol/core": "0.1.4",
     "@blockprotocol/graph": "0.4.0-canary.2",
-    "@blockprotocol/hook": "0.1.3",
-    "@blockprotocol/service": "0.1.4",
+    "@blockprotocol/hook": "0.1.8",
+    "@blockprotocol/service": "0.1.5",
     "@blockprotocol/type-system": "0.1.2-canary.1",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "7.0.2",
@@ -44,6 +44,7 @@
     "@local/hash-graph-sdk": "0.0.0-private",
     "@local/hash-isomorphic-utils": "0.0.0-private",
     "@local/status": "0.0.0-private",
+    "@mantine/hooks": "8.3.5",
     "@mui/icons-material": "5.18.0",
     "@mui/material": "5.18.0",
     "@mui/system": "5.18.0",
@@ -64,14 +65,14 @@
     "@tldraw/tlvalidate": "2.0.0-alpha.12",
     "@types/prismjs": "1.26.5",
     "@vercel/edge-config": "0.4.1",
-    "axios": "1.12.0",
+    "axios": "1.12.2",
     "buffer": "6.0.3",
-    "clsx": "1.2.1",
+    "clsx": "2.1.1",
     "date-fns": "4.1.0",
     "dotenv-flow": "3.3.0",
-    "elkjs": "0.10.0",
+    "elkjs": "0.11.0",
     "emoji-mart": "5.6.0",
-    "fractional-indexing": "2.1.0",
+    "fractional-indexing": "3.2.0",
     "framer-motion": "11.18.2",
     "graphology": "0.26.0",
     "graphology-layout": "0.6.1",
@@ -80,7 +81,7 @@
     "graphology-simple-path": "0.2.0",
     "graphql": "16.11.0",
     "iframe-resizer": "4.4.5",
-    "immer": "9.0.21",
+    "immer": "10.1.3",
     "jsonpath": "1.1.1",
     "lodash": "4.17.21",
     "marked": "4.3.0",
@@ -101,21 +102,20 @@
     "prosemirror-state": "1.4.3",
     "prosemirror-transform": "1.7.0",
     "prosemirror-view": "patch:prosemirror-view@npm%3A1.29.1#~/.yarn/patches/prosemirror-view-npm-1.29.1-ff37db4eea.patch",
-    "react": "19.1.1",
+    "react": "19.2.0",
     "react-beautiful-dnd": "13.1.1",
-    "react-dom": "19.1.1",
+    "react-dom": "19.2.0",
     "react-dropzone": "14.3.8",
     "react-full-screen": "1.1.1",
-    "react-hook-form": "7.61.1",
-    "react-markdown": "9.1.0",
+    "react-hook-form": "7.65.0",
+    "react-markdown": "10.1.0",
     "react-pdf": "9.2.1",
     "react-responsive-carousel": "3.2.23",
     "react-transition-group": "4.4.5",
-    "react-virtuoso": "4.13.0",
+    "react-virtuoso": "4.14.1",
     "react-window": "1.8.11",
     "reactflow": "11.11.4",
     "remark-gfm": "4.0.1",
-    "rooks": "7.14.1",
     "safe-stable-stringify": "2.5.0",
     "setimmediate": "1.0.5",
     "sigma": "3.0.2",
@@ -132,7 +132,7 @@
     "@graphql-codegen/typescript-operations": "2.5.13",
     "@local/eslint": "0.0.0-private",
     "@local/tsconfig": "0.0.0-private",
-    "@next/bundle-analyzer": "15.5.2",
+    "@next/bundle-analyzer": "15.5.6",
     "@types/dotenv-flow": "3.3.3",
     "@types/gapi": "0.0.47",
     "@types/google.accounts": "0.0.17",
@@ -141,18 +141,18 @@
     "@types/jsonpath": "0.2.4",
     "@types/lodash": "4.17.20",
     "@types/papaparse": "5.3.16",
-    "@types/react": "19.1.9",
+    "@types/react": "19.2.2",
     "@types/react-beautiful-dnd": "13.1.8",
-    "@types/react-dom": "19.1.7",
+    "@types/react-dom": "19.2.2",
     "@types/react-window": "1.8.8",
     "@types/url-regex-safe": "1.0.2",
     "@welldone-software/why-did-you-render": "10.0.1",
-    "eslint": "9.37.0",
+    "eslint": "9.38.0",
     "graphology-types": "0.24.8",
     "rimraf": "6.0.1",
-    "sass": "1.89.2",
+    "sass": "1.93.2",
     "typescript": "5.9.3",
-    "wait-on": "8.0.4",
-    "webpack": "5.101.0"
+    "wait-on": "9.0.1",
+    "webpack": "5.102.1"
   }
 }

apps/hash-frontend/src/components/grid/utils/use-grid-tooltip.tsx

@@ -1,12 +1,12 @@
 import type { DataEditorRef } from "@glideapps/glide-data-grid";
+import { useWindowEvent } from "@mantine/hooks";
 import type { PopoverPosition } from "@mui/material";
 import { Box, Popper, Typography } from "@mui/material";
 import type { VirtualElement } from "@popperjs/core";
 import { isEqual } from "lodash";
 import { usePopupState } from "material-ui-popup-state/hooks";
 import type { RefObject } from "react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useWindowEventListener } from "rooks";
 
 import type {
   GridTooltip,
@@ -34,7 +34,7 @@ export const useGridTooltip = (
   const tooltipRef = useRef<HTMLDivElement>(null);
 
   // prevent tooltip from staying at the same position when user scrolls vertically
-  useWindowEventListener(
+  useWindowEvent(
     "scroll",
     () => {
       popupState.close();

apps/hash-frontend/src/components/hooks/use-default-state.tsx

@@ -1,6 +1,6 @@
+import { useLocalStorage } from "@mantine/hooks";
 import type { Dispatch, SetStateAction } from "react";
 import { useCallback, useState } from "react";
-import { useLocalstorageState } from "rooks";
 
 export const useDefaultState = <
   T extends object | number | string | boolean | null | undefined,
@@ -46,13 +46,13 @@ export const useCachedDefaultState = <
   produceNextValue: (nextValue: T, currentValue: T) => T = (nextValue) =>
     nextValue,
 ): [T, Dispatch<SetStateAction<T>>] => {
-  const [{ prevDefault, currentValue }, setNextValue] = useLocalstorageState(
+  const [{ prevDefault, currentValue }, setNextValue] = useLocalStorage({
     key,
-    {
+    defaultValue: {
       prevDefault: defaultValue,
       currentValue: defaultValue,
     },
-  );
+  });
 
   if (prevDefault !== defaultValue) {
     setNextValue({

apps/hash-frontend/src/components/hooks/use-document-event.ts

@@ -0,0 +1,12 @@
+import { useEffect } from "react";
+
+export function useDocumentEvent<K extends keyof DocumentEventMap>(
+  type: K,
+  listener: (this: Document, ev: DocumentEventMap[K]) => void,
+  options?: boolean | AddEventListenerOptions,
+) {
+  useEffect(() => {
+    document.addEventListener(type, listener, options);
+    return () => document.removeEventListener(type, listener, options);
+  }, [type, listener, options]);
+}

apps/hash-frontend/src/pages/process.page/process-editor-wrapper.tsx

@@ -3,7 +3,7 @@ import { AlertModal } from "@hashintel/design-system";
 import type { PetriNetDefinitionObject } from "@hashintel/petrinaut";
 import { defaultTokenTypes, Petrinaut } from "@hashintel/petrinaut";
 import { Box, Stack } from "@mui/material";
-import produce from "immer";
+import { produce } from "immer";
 import { useCallback, useMemo, useState } from "react";
 
 import { ProcessEditBar } from "./process-editor-wrapper/process-edit-bar";

apps/hash-frontend/src/pages/shared/block-collection/block-collection.tsx

@@ -4,12 +4,12 @@ import { useApolloClient } from "@apollo/client";
 import type { EntityId, WebId } from "@blockprotocol/type-system";
 import type { BlockCollectionContentItem } from "@local/hash-isomorphic-utils/entity";
 import type { ProsemirrorManager } from "@local/hash-isomorphic-utils/prosemirror-manager";
+import { useLocalStorage } from "@mantine/hooks";
 import type { BoxProps } from "@mui/material";
 import { Box } from "@mui/material";
 import type { EditorView } from "prosemirror-view";
 import type { FunctionComponent } from "react";
 import { useLayoutEffect, useRef } from "react";
-import { useLocalstorageState } from "rooks";
 
 import { useUserBlocks } from "../../../blocks/user-blocks";
 import { useSnackbar } from "../../../components/hooks/use-snackbar";
@@ -48,9 +48,9 @@ export const BlockCollection: FunctionComponent<BlockCollectionProps> = ({
   const client = useApolloClient();
 
   const [portals, renderPortal, clearPortals] = usePortals();
-  const [debugging] = useLocalstorageState<
+  const [debugging] = useLocalStorage<
     { restartCollabButton?: boolean } | boolean
-  >("hash.internal.debugging", false);
+  >({ key: "hash.internal.debugging", defaultValue: false });
 
   const prosemirrorSetup = useRef<null | {
     view: EditorView;

apps/hash-frontend/src/pages/shared/block-collection/block-config-menu/block-config-menu.tsx

@@ -2,6 +2,7 @@ import type { JsonObject, JsonValue } from "@blockprotocol/core";
 import { TextField } from "@hashintel/design-system";
 import type { BlockEntity } from "@local/hash-isomorphic-utils/entity";
 import type { JsonSchema } from "@local/hash-isomorphic-utils/json-utils";
+import { useHotkeys } from "@mantine/hooks";
 import {
   Box,
   Checkbox,
@@ -14,7 +15,6 @@ import type { PopupState } from "material-ui-popup-state/hooks";
 import { bindPopover } from "material-ui-popup-state/hooks";
 import type { ChangeEvent, ForwardedRef, FunctionComponent } from "react";
 import { useEffect, useRef, useState } from "react";
-import { useKey } from "rooks";
 
 import { MenuItem } from "../../../../shared/ui";
 
@@ -188,7 +188,7 @@ export const BlockConfigMenu: FunctionComponent<BlockConfigMenuProps> = ({
   popupState,
   updateConfig,
 }) => {
-  useKey(["Escape"], closeMenu);
+  useHotkeys([["Escape", closeMenu]]);
 
   const configProperties = extractConfigPropertySchemas(blockSchema ?? {});