Cloned the files to the local machine

package.json

@@ -6,7 +6,7 @@
   "main": "src/index.tsx",
   "dependencies": {
     "leaflet": "^1.9.4",
-    "react": "^18.0.0",
+    "react": "^18.2.0",
     "react-dom": "^18.0.0",
     "react-leaflet": "^4.2.1",
     "react-scripts": "^5.0.0",
@@ -22,7 +22,8 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test --env=jsdom",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "dev": "react-scripts start"
   },
   "browserslist": [
     ">0.2%",

src/components/AppUkr.js

@@ -1,12 +1,12 @@
-import MyTabs from "./MyTabs";
 import Header from "./Header";
+import MyTabsUkr from "./MyTabsUkr";
 
 export default function AppUkr() {
   return (
     <div>
       <div className="maincontainer">
         <Header />
-        <MyTabs />
+        <MyTabsUkr />
         <h1>Привіт</h1>
       </div>
     </div>

src/components/MyTabsUkr.jsx

@@ -0,0 +1,38 @@
+import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
+import "react-tabs/style/react-tabs.css";
+import Address from "./Address";
+import Certificates from "./certificates/Certificates";
+import Currentposition from "./Currentposition";
+import Social from "./Social";
+
+const MyTabsUkr = () => {
+  return (
+    <Tabs>
+      <TabList>
+        <Tab>Головна</Tab>
+        <Tab>Про мене</Tab>
+        <Tab>Контактні дані</Tab>
+        <Tab>Мої проекти</Tab>
+        <Tab>Сертифікати</Tab>
+      </TabList>
+
+      <TabPanel>
+        <h2>Ласкаво просимо</h2>
+      </TabPanel>
+      <TabPanel>
+        <Social />
+      </TabPanel>
+      <TabPanel>
+        <h2>Наше місцезнаходженн/</h2>
+        <Currentposition />
+        <Address />
+      </TabPanel>
+      <TabPanel></TabPanel>
+      <TabPanel>
+        <Certificates />
+      </TabPanel>
+    </Tabs>
+  );
+};
+
+export default MyTabsUkr;