changed router imports

Author: akanshaaa19

src/App.test.tsx

@@ -1,4 +1,4 @@
-import { MemoryRouter } from 'react-router-dom';
+import { MemoryRouter } from 'react-router';
 import { MockedProvider } from '@apollo/client/testing';
 import { waitFor, render, screen } from '@testing-library/react';
 import { vi, describe, it } from 'vitest';

src/App.tsx

@@ -1,5 +1,6 @@
 import { startTransition, useState, useEffect, useMemo } from 'react';
-import { Route, Routes, useNavigate } from 'react-router-dom';
+import { useNavigate, Route, Routes } from 'react-router';
+
 import { ApolloProvider } from '@apollo/client';
 import 'i18n/config';
 

src/components/UI/Heading/Heading.test.tsx

@@ -10,8 +10,8 @@ const wrapper = (
 );
 
 const mockedUsedNavigate = vi.fn();
-vi.mock('react-router-dom', async () => ({
-  ...(await vi.importActual('react-router-dom')),
+vi.mock('react-router', async () => ({
+  ...(await vi.importActual('react-router')),
   useNavigate: () => mockedUsedNavigate,
 }));
 

src/components/UI/Heading/Heading.tsx

@@ -1,4 +1,4 @@
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import HelpIcon from '../HelpIcon/HelpIcon';
 import styles from './Heading.module.css';
 import BackIcon from 'assets/images/icons/BackIconFlow.svg?react';

src/components/UI/Layout/Navigation/SideDrawer/SideDrawer.test.tsx

@@ -1,5 +1,5 @@
 import { MockedProvider } from '@apollo/client/testing';
-import { BrowserRouter as Router } from 'react-router-dom';
+import { BrowserRouter as Router } from 'react-router';
 import { render, fireEvent, screen, waitFor } from '@testing-library/react';
 
 import SideDrawer from './SideDrawer';

src/components/UI/Layout/Navigation/SideMenus/SideMenus.test.tsx

@@ -1,4 +1,4 @@
-import { BrowserRouter as Router } from 'react-router-dom';
+import { BrowserRouter as Router } from 'react-router';
 import { fireEvent, render, waitFor } from '@testing-library/react';
 import { MockedProvider } from '@apollo/client/testing';
 

src/components/UI/Layout/Navigation/SideMenus/SideMenus.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect, forwardRef } from 'react';
-import { NavLink, useLocation } from 'react-router-dom';
+import { NavLink, useLocation } from 'react-router';
 import {
   ListItemButton,
   ListItemIcon,

src/components/UI/Menu/Menu.test.tsx

@@ -1,5 +1,5 @@
 import { render, screen, fireEvent } from '@testing-library/react';
-import { BrowserRouter as Router } from 'react-router-dom';
+import { BrowserRouter as Router } from 'react-router';
 import Menu from './Menu';
 
 const menuList = [

src/components/UI/Menu/MenuItem/MenuItem.test.tsx

@@ -1,4 +1,4 @@
-import { BrowserRouter as Router } from 'react-router-dom';
+import { BrowserRouter as Router } from 'react-router';
 import { render, screen } from '@testing-library/react';
 import MenuItem from './MenuItem';
 

src/components/UI/Menu/MenuItem/MenuItem.tsx

@@ -1,5 +1,5 @@
 import { MenuItem as MenuItemElement } from '@mui/material';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 
 import styles from './MenuItem.module.css';