migrate to react-router v7 and BrowserRouter

2026-05-07 12:30:12 +02:00 · 2025-10-22 19:41:17 -07:00
parent 2504c0ec10
commit bf75dec0ce
42 changed files with 81 additions and 73 deletions
@@ -3,7 +3,7 @@ import formatDuration from 'format-duration';
 import React from 'react';
 import { TFunction, useTranslation } from 'react-i18next';
 import { generatePath } from 'react-router';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';

 import styles from './card-rows.module.css';

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { generatePath, Link } from 'react-router-dom';
+import { generatePath, Link } from 'react-router';

 import styles from './poster-card.module.css';

@@ -4,7 +4,7 @@ import type { MouseEvent } from 'react';
 import { AnimatePresence, motion } from 'motion/react';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { generatePath, Link } from 'react-router-dom';
+import { generatePath, Link } from 'react-router';

 import styles from './feature-carousel.module.css';

@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { AnimatePresence } from 'motion/react';
 import { Dispatch, Fragment, memo, ReactNode, SetStateAction, useState } from 'react';
-import { generatePath, Link } from 'react-router-dom';
+import { generatePath, Link } from 'react-router';

 import styles from './item-card.module.css';

@@ -1,6 +1,6 @@
 import { AnimatePresence } from 'motion/react';
 import { MouseEvent, useMemo, useState } from 'react';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';

 import styles from './item-detail.module.css';

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import { Fragment, memo, useMemo } from 'react';
-import { generatePath, Link } from 'react-router-dom';
+import { generatePath, Link } from 'react-router';

 import styles from './album-artists-column.module.css';

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import { Fragment, memo, useMemo } from 'react';
-import { generatePath, Link } from 'react-router-dom';
+import { generatePath, Link } from 'react-router';

 import styles from './album-artists-column.module.css';

@@ -1,5 +1,5 @@
 import { memo, useMemo } from 'react';
-import { generatePath, Link } from 'react-router-dom';
+import { generatePath, Link } from 'react-router';

 import styles from './genre-badge-column.module.css';

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import { Fragment, memo, useMemo } from 'react';
-import { generatePath, Link } from 'react-router-dom';
+import { generatePath, Link } from 'react-router';

 import styles from './genre-column.module.css';

@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';

 import styles from './title-column.module.css';

@@ -1,5 +1,5 @@
 import { CSSProperties, useMemo } from 'react';
-import { generatePath, Link } from 'react-router-dom';
+import { generatePath, Link } from 'react-router';

 import styles from './title-combined-column.module.css';

@@ -3,7 +3,7 @@ import type { ICellRendererParams } from '@ag-grid-community/core';

 import React from 'react';
 import { generatePath } from 'react-router';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';

 import { CellContainer } from '/@/renderer/components/virtual-table/cells/generic-cell';
 import { AppRoute } from '/@/renderer/router/routes';
@@ -3,7 +3,7 @@ import type { ICellRendererParams } from '@ag-grid-community/core';

 import React from 'react';
 import { generatePath } from 'react-router';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';

 import { CellContainer } from '/@/renderer/components/virtual-table/cells/generic-cell';
 import { AppRoute } from '/@/renderer/router/routes';
@@ -2,7 +2,7 @@ import type { ICellRendererParams } from '@ag-grid-community/core';

 import React, { useMemo } from 'react';
 import { generatePath } from 'react-router';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';

 import styles from './combined-title-cell.module.css';

@@ -1,7 +1,7 @@
 import type { ICellRendererParams } from '@ag-grid-community/core';

 import clsx from 'clsx';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';

 import styles from './generic-cell.module.css';

@@ -2,7 +2,7 @@ import type { AlbumArtist, Artist } from '/@/shared/types/domain-types';
 import type { ICellRendererParams } from '@ag-grid-community/core';

 import React from 'react';
-import { generatePath, Link } from 'react-router-dom';
+import { generatePath, Link } from 'react-router';

 import { CellContainer } from '/@/renderer/components/virtual-table/cells/generic-cell';
 import { useGenreRoute } from '/@/renderer/hooks/use-genre-route';
@@ -14,7 +14,7 @@ import debounce from 'lodash/debounce';
 import orderBy from 'lodash/orderBy';
 import { MutableRefObject, useCallback, useMemo } from 'react';
 import { generatePath, useNavigate } from 'react-router';
-import { useSearchParams } from 'react-router-dom';
+import { useSearchParams } from 'react-router';

 import { api } from '/@/renderer/api';
 import { queryKeys, QueryPagination } from '/@/renderer/api/query-keys';