Merge pull request #2435 from oasisprotocol/mz/router

Migrate from react-router-dom v6 to react-router v7

Author: buberdds

.changelog/2435.internal.md

@@ -64,7 +64,7 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-i18next": "14.1.3",
-    "react-router-dom": "6.30.0",
+    "react-router": "^7.13.0",
     "recharts": "2.15.4",
     "viem": "^2.31.4"
   },

package.json

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react'
-import { Link as RouterLink } from 'react-router-dom'
+import { Link as RouterLink } from 'react-router'
 import { useScreenSize } from '../../hooks/useScreensize'
 import { Link } from '@oasisprotocol/ui-library/src/components/link'
 import { RouteUtils } from '../../utils/route-utils'

src/app/components/Account/AccountLink.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../../oasis-nexus/api'
 import { getLayerLabels } from '../../utils/content'
 import { RouteUtils } from '../../utils/route-utils'
-import { Link as RouterLink } from 'react-router-dom'
+import { Link as RouterLink } from 'react-router'
 import { Link } from '@oasisprotocol/ui-library/src/components/link'
 import { Tooltip } from '@oasisprotocol/ui-library/src/components/tooltip'
 import { RuntimeBalanceDisplay } from '../Balance/RuntimeBalanceDisplay'

src/app/components/Account/BalancesOnOtherLayers.tsx

@@ -10,7 +10,7 @@ import { AccountAvatar } from '../AccountAvatar'
 import { AccountSizeBadge } from '../AccountSizeBadge'
 import { ConsensusAccountLink } from './ConsensusAccountLink'
 import { CopyToClipboard } from '../CopyToClipboard'
-import { Link as RouterLink } from 'react-router-dom'
+import { Link as RouterLink } from 'react-router'
 import { Link } from '@oasisprotocol/ui-library/src/components/link'
 import { RouteUtils } from '../../utils/route-utils'
 import { transactionsContainerId } from '../../utils/tabAnchors'

src/app/components/Account/ConsensusAccountDetailsView.tsx

@@ -1,6 +1,6 @@
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Link as RouterLink } from 'react-router-dom'
+import { Link as RouterLink } from 'react-router'
 import { StyledDescriptionList, StyledListTitleWithAvatar } from '../../components/StyledDescriptionList'
 import { CopyToClipboard } from '../../components/CopyToClipboard'
 import { TextSkeleton } from '../../components/Skeleton'

src/app/components/Account/RuntimeAccountDetailsView.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react'
-import { Link as RouterLink } from 'react-router-dom'
+import { Link as RouterLink } from 'react-router'
 import { Link } from '@oasisprotocol/ui-library/src/components/link'
 import { useTranslation } from 'react-i18next'
 import { EvmTokenType, RuntimeAccount, type Token } from '../../../oasis-nexus/api'

src/app/components/Account/ShowMoreTokensLink.tsx

@@ -1,6 +1,6 @@
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Link as RouterLink } from 'react-router-dom'
+import { Link as RouterLink } from 'react-router'
 import { Badge } from '@oasisprotocol/ui-library/src/components/badge'
 import { Typography } from '@oasisprotocol/ui-library/src/components/typography'
 import { useScreenSize } from '../../hooks/useScreensize'

src/app/components/Account/TokenPills.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react'
-import { Link as RouterLink, useSearchParams } from 'react-router-dom'
+import { Link as RouterLink, useSearchParams } from 'react-router'
 import { useTranslation } from 'react-i18next'
 import { PaginationNext, PaginationPrevious } from '@oasisprotocol/ui-library/src/components/pagination'
 import { Tooltip } from '@oasisprotocol/ui-library/src/components/tooltip'

src/app/components/BlockNavigationButtons/index.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react'
-import { Link as RouterLink } from 'react-router-dom'
+import { Link as RouterLink } from 'react-router'
 import { RouteUtils } from '../../utils/route-utils'
 import { trimLongString } from '../../utils/trimLongString'
 import { SearchScope } from '../../../types/searchScope'