chore(deps): update all non-major dependencies (examples, templates & patterns) (patch) (#7817)

This PR contains the following updates:

| Package | Change | Age | Confidence |
|---|---|---|---|
| [@react-router/dev](https://reactrouter.com)
([source](https://redirect.github.com/remix-run/react-router/tree/HEAD/packages/react-router-dev))
| [`7.9.3` ->
`7.9.4`](https://renovatebot.com/diffs/npm/@react-router%2fdev/7.9.3/7.9.4)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@react-router%2fdev/7.9.4?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@react-router%2fdev/7.9.3/7.9.4?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
|
[@react-router/node](https://redirect.github.com/remix-run/react-router)
([source](https://redirect.github.com/remix-run/react-router/tree/HEAD/packages/react-router-node))
| [`7.9.3` ->
`7.9.4`](https://renovatebot.com/diffs/npm/@react-router%2fnode/7.9.3/7.9.4)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@react-router%2fnode/7.9.4?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@react-router%2fnode/7.9.3/7.9.4?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
|
[@react-router/serve](https://redirect.github.com/remix-run/react-router)
([source](https://redirect.github.com/remix-run/react-router/tree/HEAD/packages/react-router-serve))
| [`7.9.3` ->
`7.9.4`](https://renovatebot.com/diffs/npm/@react-router%2fserve/7.9.3/7.9.4)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@react-router%2fserve/7.9.4?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@react-router%2fserve/7.9.3/7.9.4?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
|
[@types/node](https://redirect.github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/node)
([source](https://redirect.github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node))
| [`22.18.6` ->
`22.18.10`](https://renovatebot.com/diffs/npm/@types%2fnode/22.18.6/22.18.10)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@types%2fnode/22.18.10?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@types%2fnode/22.18.6/22.18.10?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
|
[@types/react](https://redirect.github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react)
([source](https://redirect.github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react))
| [`19.1.15` ->
`19.1.17`](https://renovatebot.com/diffs/npm/@types%2freact/19.1.15/19.1.17)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@types%2freact/19.1.17?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@types%2freact/19.1.15/19.1.17?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
|
[@types/react-dom](https://redirect.github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom)
([source](https://redirect.github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react-dom))
| [`19.1.9` ->
`19.1.11`](https://renovatebot.com/diffs/npm/@types%2freact-dom/19.1.9/19.1.11)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@types%2freact-dom/19.1.11?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@types%2freact-dom/19.1.9/19.1.11?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
|
[eslint-plugin-react-refresh](https://redirect.github.com/ArnaudBarre/eslint-plugin-react-refresh)
| [`0.4.22` ->
`0.4.23`](https://renovatebot.com/diffs/npm/eslint-plugin-react-refresh/0.4.22/0.4.23)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/eslint-plugin-react-refresh/0.4.23?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/eslint-plugin-react-refresh/0.4.22/0.4.23?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [react-router](https://redirect.github.com/remix-run/react-router)
([source](https://redirect.github.com/remix-run/react-router/tree/HEAD/packages/react-router))
| [`7.9.3` ->
`7.9.4`](https://renovatebot.com/diffs/npm/react-router/7.9.3/7.9.4) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/react-router/7.9.4?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/react-router/7.9.3/7.9.4?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [vite](https://vite.dev)
([source](https://redirect.github.com/vitejs/vite/tree/HEAD/packages/vite))
| [`7.1.7` ->
`7.1.9`](https://renovatebot.com/diffs/npm/vite/7.1.7/7.1.9) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/vite/7.1.9?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/vite/7.1.7/7.1.9?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>remix-run/react-router (@&#8203;react-router/dev)</summary>

###
[`v7.9.4`](https://redirect.github.com/remix-run/react-router/blob/HEAD/packages/react-router-dev/CHANGELOG.md#794)

[Compare
Source](https://redirect.github.com/remix-run/react-router/compare/@react-router/dev@7.9.3...@react-router/dev@7.9.4)

##### Patch Changes

- Update `valibot` dependency to `^1.1.0`
([#&#8203;14379](https://redirect.github.com/remix-run/react-router/pull/14379))

- New (unstable) `useRoute` hook for accessing data from specific routes
([#&#8203;14407](https://redirect.github.com/remix-run/react-router/pull/14407))

For example, let's say you have an `admin` route somewhere in your app
and you want any child routes of `admin` to all have access to the
`loaderData` and `actionData` from `admin.`

  ```tsx
  // app/routes/admin.tsx
  import { Outlet } from "react-router";

  export const loader = () => ({ message: "Hello, loader!" });

  export const action = () => ({ count: 1 });

  export default function Component() {
    return (
      <div>
        {/* ... */}
        <Outlet />
        {/* ... */}
      </div>
    );
  }
  ```

You might even want to create a reusable widget that all of the routes
nested under `admin` could use:

  ```tsx
  import { unstable_useRoute as useRoute } from "react-router";

  export function AdminWidget() {
    // How to get `message` and `count` from `admin` route?
  }
  ```

In framework mode, `useRoute` knows all your app's routes and gives you
TS errors when invalid route IDs are passed in:

  ```tsx
  export function AdminWidget() {
    const admin = useRoute("routes/dmin");
    //                      ^^^^^^^^^^^
  }
  ```

`useRoute` returns `undefined` if the route is not part of the current
page:

  ```tsx
  export function AdminWidget() {
    const admin = useRoute("routes/admin");
    if (!admin) {
      throw new Error(`AdminWidget used outside of "routes/admin"`);
    }
  }
  ```

Note: the `root` route is the exception since it is guaranteed to be
part of the current page.
  As a result, `useRoute` never returns `undefined` for `root`.

`loaderData` and `actionData` are marked as optional since they could be
accessed before the `action` is triggered or after the `loader` threw an
error:

  ```tsx
  export function AdminWidget() {
    const admin = useRoute("routes/admin");
    if (!admin) {
      throw new Error(`AdminWidget used outside of "routes/admin"`);
    }
    const { loaderData, actionData } = admin;
    console.log(loaderData);
    //          ^? { message: string } | undefined
    console.log(actionData);
    //          ^? { count: number } | undefined
  }
  ```

If instead of a specific route, you wanted access to the *current*
route's `loaderData` and `actionData`, you can call `useRoute` without
arguments:

  ```tsx
  export function AdminWidget() {
    const currentRoute = useRoute();
    currentRoute.loaderData;
    currentRoute.actionData;
  }
  ```

This usage is equivalent to calling `useLoaderData` and `useActionData`,
but consolidates all route data access into one hook: `useRoute`.

Note: when calling `useRoute()` (without a route ID), TS has no way to
know which route is the current route.
  As a result, `loaderData` and `actionData` are typed as `unknown`.
If you want more type-safety, you can either narrow the type yourself
with something like `zod` or you can refactor your app to pass down
typed props to your `AdminWidget`:

  ```tsx
  export function AdminWidget({
    message,
    count,
  }: {
    message: string;
    count: number;
  }) {
    /* ... */
  }
  ```

- Updated dependencies:
  - `react-router@7.9.4`
  - `@react-router/node@7.9.4`
  - `@react-router/serve@7.9.4`

</details>

<details>
<summary>remix-run/react-router (@&#8203;react-router/node)</summary>

###
[`v7.9.4`](https://redirect.github.com/remix-run/react-router/blob/HEAD/packages/react-router-node/CHANGELOG.md#794)

[Compare
Source](https://redirect.github.com/remix-run/react-router/compare/@react-router/node@7.9.3...@react-router/node@7.9.4)

##### Patch Changes

- Validate format of incoming session ids
([#&#8203;14426](https://redirect.github.com/remix-run/react-router/pull/14426))
- Updated dependencies:
  - `react-router@7.9.4`

</details>

<details>
<summary>remix-run/react-router (@&#8203;react-router/serve)</summary>

###
[`v7.9.4`](https://redirect.github.com/remix-run/react-router/blob/HEAD/packages/react-router-serve/CHANGELOG.md#794)

[Compare
Source](https://redirect.github.com/remix-run/react-router/compare/@react-router/serve@7.9.3...@react-router/serve@7.9.4)

##### Patch Changes

- Updated dependencies:
  - `react-router@7.9.4`
  - `@react-router/node@7.9.4`
  - `@react-router/express@7.9.4`

</details>

<details>
<summary>ArnaudBarre/eslint-plugin-react-refresh
(eslint-plugin-react-refresh)</summary>

###
[`v0.4.23`](https://redirect.github.com/ArnaudBarre/eslint-plugin-react-refresh/blob/HEAD/CHANGELOG.md#0423)

[Compare
Source](https://redirect.github.com/ArnaudBarre/eslint-plugin-react-refresh/compare/v0.4.22...v0.4.23)

- Add `"metadata"`, `"generateMetadata"` & `"generateViewport"` to
`allowExportNames` in Next config

</details>

<details>
<summary>remix-run/react-router (react-router)</summary>

###
[`v7.9.4`](https://redirect.github.com/remix-run/react-router/blob/HEAD/packages/react-router/CHANGELOG.md#794)

[Compare
Source](https://redirect.github.com/remix-run/react-router/compare/react-router@7.9.3...react-router@7.9.4)

##### Patch Changes

- handle external redirects in from server actions
([#&#8203;14400](https://redirect.github.com/remix-run/react-router/pull/14400))
- New (unstable) `useRoute` hook for accessing data from specific routes
([#&#8203;14407](https://redirect.github.com/remix-run/react-router/pull/14407))

For example, let's say you have an `admin` route somewhere in your app
and you want any child routes of `admin` to all have access to the
`loaderData` and `actionData` from `admin.`

  ```tsx
  // app/routes/admin.tsx
  import { Outlet } from "react-router";

  export const loader = () => ({ message: "Hello, loader!" });

  export const action = () => ({ count: 1 });

  export default function Component() {
    return (
      <div>
        {/* ... */}
        <Outlet />
        {/* ... */}
      </div>
    );
  }
  ```

You might even want to create a reusable widget that all of the routes
nested under `admin` could use:

  ```tsx
  import { unstable_useRoute as useRoute } from "react-router";

  export function AdminWidget() {
    // How to get `message` and `count` from `admin` route?
  }
  ```

In framework mode, `useRoute` knows all your app's routes and gives you
TS errors when invalid route IDs are passed in:

  ```tsx
  export function AdminWidget() {
    const admin = useRoute("routes/dmin");
    //                      ^^^^^^^^^^^
  }
  ```

`useRoute` returns `undefined` if the route is not part of the current
page:

  ```tsx
  export function AdminWidget() {
    const admin = useRoute("routes/admin");
    if (!admin) {
      throw new Error(`AdminWidget used outside of "routes/admin"`);
    }
  }
  ```

Note: the `root` route is the exception since it is guaranteed to be
part of the current page.
  As a result, `useRoute` never returns `undefined` for `root`.

`loaderData` and `actionData` are marked as optional since they could be
accessed before the `action` is triggered or after the `loader` threw an
error:

  ```tsx
  export function AdminWidget() {
    const admin = useRoute("routes/admin");
    if (!admin) {
      throw new Error(`AdminWidget used outside of "routes/admin"`);
    }
    const { loaderData, actionData } = admin;
    console.log(loaderData);
    //          ^? { message: string } | undefined
    console.log(actionData);
    //          ^? { count: number } | undefined
  }
  ```

If instead of a specific route, you wanted access to the *current*
route's `loaderData` and `actionData`, you can call `useRoute` without
arguments:

  ```tsx
  export function AdminWidget() {
    const currentRoute = useRoute();
    currentRoute.loaderData;
    currentRoute.actionData;
  }
  ```

This usage is equivalent to calling `useLoaderData` and `useActionData`,
but consolidates all route data access into one hook: `useRoute`.

Note: when calling `useRoute()` (without a route ID), TS has no way to
know which route is the current route.
  As a result, `loaderData` and `actionData` are typed as `unknown`.
If you want more type-safety, you can either narrow the type yourself
with something like `zod` or you can refactor your app to pass down
typed props to your `AdminWidget`:

  ```tsx
  export function AdminWidget({
    message,
    count,
  }: {
    message: string;
    count: number;
  }) {
    /* ... */
  }
  ```

</details>

<details>
<summary>vitejs/vite (vite)</summary>

###
[`v7.1.9`](https://redirect.github.com/vitejs/vite/blob/HEAD/packages/vite/CHANGELOG.md#small-719-2025-10-03-small)

[Compare
Source](https://redirect.github.com/vitejs/vite/compare/v7.1.8...v7.1.9)

##### Reverts

- **server:** drain stdin when not interactive
([#&#8203;20885](https://redirect.github.com/vitejs/vite/issues/20885))
([12d72b0](https://redirect.github.com/vitejs/vite/commit/12d72b0538ef1540bfb0f1dd8a44b75deaa3464e))

###
[`v7.1.8`](https://redirect.github.com/vitejs/vite/blob/HEAD/packages/vite/CHANGELOG.md#small-718-2025-10-02-small)

[Compare
Source](https://redirect.github.com/vitejs/vite/compare/v7.1.7...v7.1.8)

##### Bug Fixes

- **css:** improve url escape characters handling
([#&#8203;20847](https://redirect.github.com/vitejs/vite/issues/20847))
([24a61a3](https://redirect.github.com/vitejs/vite/commit/24a61a3f5404279e91f7ceebf7449a5e874f9d56))
- **deps:** update all non-major dependencies
([#&#8203;20855](https://redirect.github.com/vitejs/vite/issues/20855))
([788a183](https://redirect.github.com/vitejs/vite/commit/788a183afce57de13f5656f0cf42cdf6fdc3ebaa))
- **deps:** update artichokie to 0.4.2
([#&#8203;20864](https://redirect.github.com/vitejs/vite/issues/20864))
([e670799](https://redirect.github.com/vitejs/vite/commit/e670799e123dca78e1a63aeb06dbadade3d5ab51))
- **dev:** skip JS responses for document requests
([#&#8203;20866](https://redirect.github.com/vitejs/vite/issues/20866))
([6bc6c4d](https://redirect.github.com/vitejs/vite/commit/6bc6c4dbc23501577d3919dc841454eb2eb14a54))
- **glob:** fix HMR for array patterns with exclusions
([#&#8203;20872](https://redirect.github.com/vitejs/vite/issues/20872))
([63e040f](https://redirect.github.com/vitejs/vite/commit/63e040f1ca6b635a007eb40aa7c8b891e8cc5799))
- keep ids for virtual modules as-is
([#&#8203;20808](https://redirect.github.com/vitejs/vite/issues/20808))
([d4eca98](https://redirect.github.com/vitejs/vite/commit/d4eca986d679c77bd449db20fd99d8255985b550))
- **server:** drain stdin when not interactive
([#&#8203;20837](https://redirect.github.com/vitejs/vite/issues/20837))
([bb950e9](https://redirect.github.com/vitejs/vite/commit/bb950e92b372f9a52245e9542cf9d9700d23ef8c))
- **server:** improve malformed URL handling in middlewares
([#&#8203;20830](https://redirect.github.com/vitejs/vite/issues/20830))
([d65a983](https://redirect.github.com/vitejs/vite/commit/d65a9831c984e562c5bf2b5f427de16f6e1bd931))

##### Documentation

- **create-vite:** provide deno example
([#&#8203;20747](https://redirect.github.com/vitejs/vite/issues/20747))
([fdb758a](https://redirect.github.com/vitejs/vite/commit/fdb758a51796b1ab605437b2eee778a84e87e169))

##### Miscellaneous Chores

- **deps:** update rolldown-related dependencies
([#&#8203;20810](https://redirect.github.com/vitejs/vite/issues/20810))
([ea68a88](https://redirect.github.com/vitejs/vite/commit/ea68a8868c7ee249213057f8a81c3f92a9839dde))
- **deps:** update rolldown-related dependencies
([#&#8203;20854](https://redirect.github.com/vitejs/vite/issues/20854))
([4dd06fd](https://redirect.github.com/vitejs/vite/commit/4dd06fdc8d643059c2abf88188eae7c4877aab6e))
- update url of `create-react-app` license
([#&#8203;20865](https://redirect.github.com/vitejs/vite/issues/20865))
([166a178](https://redirect.github.com/vitejs/vite/commit/166a178f45b6e48db27b5626559f5ec3358c2fb4))

</details>

---

### Configuration

📅 **Schedule**: Branch creation - Between 12:00 AM and 03:59 AM, only on
Monday ( * 0-3 * * 1 ) (UTC), Automerge - At any time (no schedule
defined).

🚦 **Automerge**: Enabled.

♻ **Rebasing**: Whenever PR is behind base branch, or you tick the
rebase/retry checkbox.

👻 **Immortal**: This PR will be recreated if closed unmerged. Get
[config
help](https://redirect.github.com/renovatebot/renovate/discussions) if
that's undesired.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/).
View the [repository job
log](https://developer.mend.io/github/UI5/webcomponents-react).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS4xNDMuMSIsInVwZGF0ZWRJblZlciI6IjQxLjE0My4xIiwidGFyZ2V0QnJhbmNoIjoibWFpbiIsImxhYmVscyI6WyJkZXBlbmRlbmNpZXMiXX0=-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

Author: renovate[bot]

examples/nextjs-app/package-lock.json

@@ -13,9 +13,9 @@
     "@ui5/webcomponents-base": "2.15.0",
     "@ui5/webcomponents-fiori": "2.15.0",
     "@ui5/webcomponents-react": "2.15.0",
-    "@types/node": "22.18.6",
-    "@types/react": "19.1.15",
-    "@types/react-dom": "19.1.9",
+    "@types/node": "22.18.10",
+    "@types/react": "19.1.17",
+    "@types/react-dom": "19.1.11",
     "eslint": "9.36.0",
     "eslint-config-next": "15.5.4",
     "next": "15.5.4",

examples/nextjs-app/package.json

@@ -13,9 +13,9 @@
     "@ui5/webcomponents-base": "2.15.0",
     "@ui5/webcomponents-fiori": "2.15.0",
     "@ui5/webcomponents-react": "2.15.0",
-    "@types/node": "22.18.6",
-    "@types/react": "19.1.15",
-    "@types/react-dom": "19.1.9",
+    "@types/node": "22.18.10",
+    "@types/react": "19.1.17",
+    "@types/react-dom": "19.1.11",
     "eslint": "9.36.0",
     "eslint-config-next": "15.5.4",
     "next": "15.5.4",

examples/nextjs-pages/package-lock.json

@@ -11,8 +11,8 @@
     "typecheck": "react-router typegen && tsc"
   },
   "dependencies": {
-    "@react-router/node": "7.9.3",
-    "@react-router/serve": "7.9.3",
+    "@react-router/node": "7.9.4",
+    "@react-router/serve": "7.9.4",
     "@ui5/webcomponents": "2.15.0",
     "@ui5/webcomponents-base": "2.15.0",
     "@ui5/webcomponents-fiori": "2.15.0",
@@ -21,12 +21,12 @@
     "isbot": "5.1.31",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "react-router": "7.9.3"
+    "react-router": "7.9.4"
   },
   "devDependencies": {
-    "@react-router/dev": "7.9.3",
-    "@types/react": "19.1.15",
-    "@types/react-dom": "19.1.9",
+    "@react-router/dev": "7.9.4",
+    "@types/react": "19.1.17",
+    "@types/react-dom": "19.1.11",
     "eslint": "9.36.0",
     "eslint-import-resolver-typescript": "4.4.4",
     "eslint-plugin-import": "2.32.0",
@@ -36,7 +36,7 @@
     "globals": "16.4.0",
     "typescript": "5.8.3",
     "typescript-eslint": "8.44.1",
-    "vite": "7.1.7",
+    "vite": "7.1.9",
     "vite-tsconfig-paths": "5.1.4"
   },
   "engines": {