- );
-}
-
-export default App;
diff --git a/src/App.test.js b/src/App.test.tsx
similarity index 90%
rename from src/App.test.js
rename to src/App.test.tsx
index 1f03afe..4dea19d 100644
--- a/src/App.test.js
+++ b/src/App.test.tsx
@@ -1,3 +1,4 @@
+import React from 'react'
import { render, screen } from '@testing-library/react';
import App from './App';
diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..7349fc0
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,37 @@
+import { BrowserRouter as Router, Routes, Route,useNavigate } from "react-router-dom";
+
+import UserProfile from "./pages/UserProfile";
+import ChatRoom from "./pages/ChatRoom";
+import FriendsList from "./pages/FriendsList";
+import { Friend } from './pages/FriendsList';
+import ChatList from "./pages/ChatList";
+
+function App() {
+
+ return (
+ 
+