build(deps): bump react-router-dom from 6.26.1 to 7.0.1 (#157)

* build(deps): bump react-router-dom from 6.26.1 to 7.0.1

Bumps [react-router-dom](https://github.com/remix-run/react-router/tree/HEAD/packages/react-router-dom) from 6.26.1 to 7.0.1.
- [Release notes](https://github.com/remix-run/react-router/releases)
- [Changelog](https://github.com/remix-run/react-router/blob/main/packages/react-router-dom/CHANGELOG.md)
- [Commits](https://github.com/remix-run/react-router/commits/[email protected]/packages/react-router-dom)

---
updated-dependencies:
- dependency-name: react-router-dom
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>

* build: use react-router new package

Signed-off-by: rare-magma <[email protected]>

---------

Signed-off-by: dependabot[bot] <[email protected]>
Signed-off-by: rare-magma <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: rare-magma <[email protected]>

package.json

@@ -21,7 +21,7 @@
     "react-dom": "18.2.0",
     "react-hotkeys-hook": "4.5.0",
     "react-icons": "5.3.0",
-    "react-router-dom": "6.26.1",
+    "react-router": "7.0.1",
     "recharts": "2.12.7",
     "use-immer": "0.10.0",
     "use-undo": "1.1.1",

src/App.tsx

@@ -1,5 +1,5 @@
 import "bootstrap/dist/css/bootstrap.min.css";
-import { Route, BrowserRouter as Router, Routes } from "react-router-dom";
+import { Route, BrowserRouter as Router, Routes } from "react-router";
 import "./App.css";
 import "./colors.css";
 import { BudgetProvider } from "./guitos/context/BudgetContext";

src/guitos/hooks/useDB.ts

@@ -3,7 +3,7 @@ import Papa from "papaparse";
 import type React from "react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import type { Option } from "react-bootstrap-typeahead/types/types";
-import { useNavigate, useParams } from "react-router-dom";
+import { useNavigate, useParams } from "react-router";
 import { createBudgetNameList, saveLastOpenedBudget } from "../../utils";
 import { useBudget } from "../context/BudgetContext";
 import { useConfig } from "../context/ConfigContext";

src/guitos/hooks/useMove.ts

@@ -1,4 +1,4 @@
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router";
 import { saveLastOpenedBudget } from "../../utils";
 import { useBudget } from "../context/BudgetContext";
 import type { Budget } from "../domain/budget";

src/guitos/sections/Budget/BudgetPage.test.tsx

@@ -1,7 +1,7 @@
 import { cleanup, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { act } from "react-dom/test-utils";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter } from "react-router";
 import { describe, expect, it, vi } from "vitest";
 import {
   budgetContextSpy,

src/guitos/sections/Budget/BudgetPage.tsx

@@ -2,7 +2,7 @@ import { produce } from "immer";
 import { Suspense, lazy, useCallback, useEffect, useState } from "react";
 import { Col, Container, Row, ToastContainer } from "react-bootstrap";
 import { useHotkeys } from "react-hotkeys-hook";
-import { useParams } from "react-router-dom";
+import { useParams } from "react-router";
 import { createBudgetNameList } from "../../../utils";
 import { useBudget } from "../../context/BudgetContext";
 import {

src/guitos/sections/CalculateButton/CalculateButton.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter } from "react-router";
 import { vi } from "vitest";
 import { describe, expect, it } from "vitest";
 import { BudgetItemsMother } from "../../domain/budgetItem.mother";

src/guitos/sections/ChartsPage/ChartsPage.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter } from "react-router";
 import { vi } from "vitest";
 import { afterEach, beforeEach, describe, expect, it } from "vitest";
 import ChartsPage from "./ChartsPage";

src/guitos/sections/ItemForm/ItemFormGroup.test.tsx

@@ -1,7 +1,7 @@
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { createRef } from "react";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter } from "react-router";
 import { describe, expect, it } from "vitest";
 import { setBudgetMock } from "../../../setupTests";
 import { BudgetMother } from "../../domain/budget.mother";

src/guitos/sections/LandingPage/LandingPage.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter } from "react-router";
 import { describe, expect, it } from "vitest";
 import { setBudgetMock } from "../../../setupTests";
 import { BudgetMother } from "../../domain/budget.mother";

src/guitos/sections/NavBar/NavBar.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter } from "react-router";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import {
   budgetContextSpy,

src/guitos/sections/TableCard/TableCard.test.tsx

@@ -1,6 +1,6 @@
 import { cleanup, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter } from "react-router";
 import { describe, expect, it } from "vitest";
 import { setBudgetMock } from "../../../setupTests";
 import { BudgetMother } from "../../domain/budget.mother";

src/utils.ts

@@ -1,6 +1,6 @@
 import Big from "big.js";
 import type { MutableRefObject } from "react";
-import type { NavigateFunction } from "react-router-dom";
+import type { NavigateFunction } from "react-router";
 import type { Budget } from "./guitos/domain/budget";
 import type { ItemOperation } from "./guitos/domain/calculationHistoryItem";
 import type { UserOptions } from "./guitos/domain/userOptions";