chore: update react router (#4390)

Author: benfdking

package-lock.json

@@ -44,7 +44,7 @@
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.2.0",
     "react-markdown": "^10.1.0",
-    "react-router-dom": "^6.15.0",
+    "react-router": "^7.0.0",
     "react-split": "^2.0.14",
     "reactflow": "^11.8.3",
     "thememirror": "^2.0.1",

web/client/package.json

@@ -1,5 +1,5 @@
 import { useEffect, Suspense, lazy } from 'react'
-import { RouterProvider } from 'react-router-dom'
+import { RouterProvider } from 'react-router'
 import { Divider } from '@components/divider/Divider'
 import { getBrowserRouter } from './routes'
 import { useApiModules } from './api'

web/client/src/App.tsx

@@ -9,7 +9,7 @@ import { EnumSize, EnumVariant } from '~/types/enum'
 import { EnumFileExtensions } from '@models/file'
 import { CodeEditorDefault } from './EditorCode'
 import { EnumRoutes } from '~/routes'
-import { useNavigate } from 'react-router-dom'
+import { useNavigate } from 'react-router'
 import TableDiff from '@components/tableDiff/TableDiff'
 import TabList from '@components/tab/Tab'
 import { useSQLMeshModelExtensions } from './hooks'

web/client/src/library/components/editor/EditorPreview.tsx

@@ -1,4 +1,4 @@
-import { useNavigate } from 'react-router-dom'
+import { useNavigate } from 'react-router'
 import { ChevronRightIcon, ChevronLeftIcon } from '@heroicons/react/20/solid'
 
 export default function HistoryNavigation(): JSX.Element {

web/client/src/library/components/historyNavigation/historyNavigation.tsx

@@ -1,5 +1,5 @@
 import clsx from 'clsx'
-import { NavLink } from 'react-router-dom'
+import { NavLink } from 'react-router'
 import { isFalse } from '@utils/index'
 
 export default function ModuleLink({

web/client/src/library/components/moduleNavigation/ModuleLink.tsx

@@ -7,7 +7,7 @@ import { EnumPlanAction, ModelPlanAction } from '@models/plan-action'
 import { useStorePlan } from '@context/plan'
 import { useStoreContext } from '@context/context'
 import { Transition } from '@headlessui/react'
-import { useNavigate } from 'react-router-dom'
+import { useNavigate } from 'react-router'
 import { SelectEnvironment } from '@components/environmentDetails/SelectEnvironment'
 import { AddEnvironment } from '@components/environmentDetails/AddEnvironment'
 import { usePlan } from './context'

web/client/src/library/components/plan/PlanActions.tsx

@@ -9,7 +9,7 @@ import {
 } from '@utils/index'
 import { EnumSize, type Size } from '~/types/enum'
 import { EMPTY_STRING, filterListBy, highlightMatch } from './help'
-import { useNavigate } from 'react-router-dom'
+import { useNavigate } from 'react-router'
 import clsx from 'clsx'
 import { Popover, Transition } from '@headlessui/react'
 import { useClickAway } from '@uidotdev/usehooks'

web/client/src/library/components/search/SearchList.tsx

@@ -1,6 +1,6 @@
 import { isNotNil } from '@utils/index'
 import clsx from 'clsx'
-import { NavLink } from 'react-router-dom'
+import { NavLink } from 'react-router'
 import { EnumVariant, type Variant } from '~/types/enum'
 
 export default function SourceListItem({

web/client/src/library/components/sourceList/SourceListItem.tsx

@@ -1,4 +1,4 @@
-import { Outlet, useLocation } from 'react-router-dom'
+import { Outlet, useLocation } from 'react-router'
 import Page from '../root/Page'
 import { useStoreProject } from '@context/project'
 import SourceList from '@components/sourceList/SourceList'