diff --git a/package-lock.json b/package-lock.json
index e52262da..0238edb6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,12 +15,12 @@
         "@tonconnect/ui-react": "^2.2.0",
         "buffer": "^6.0.3",
         "crc-32": "^1.2.2",
-        "eruda": "^2.11.2",
         "jose": "^5.2.4",
         "msw": "2.3.5",
         "react": "^17.0.0",
         "react-dom": "^17.0.0",
         "react-json-view": "^1.21.3",
+        "vconsole": "^3.15.1",
         "zod": "^3.23.8"
       },
       "devDependencies": {
@@ -3300,6 +3300,29 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/copy-text-to-clipboard": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.0.tgz",
+      "integrity": "sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/core-js": {
+      "version": "3.43.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.43.0.tgz",
+      "integrity": "sha512-N6wEbTTZSYOY2rYAn85CuvWWkCK6QweMn7/4Nr3w+gDBeBhk/x4EJeY6FPo4QzDoJZxVTv8U7CMvgWk6pOHHqA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
     "node_modules/crc-32": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
@@ -3397,11 +3420,6 @@
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
-    "node_modules/eruda": {
-      "version": "2.11.3",
-      "resolved": "https://registry.npmjs.org/eruda/-/eruda-2.11.3.tgz",
-      "integrity": "sha512-e1EqrGJvN5PSXoFCSAmRqqDfziEL5bNSdPcJbRg5QVOHtcFMcG4n/6uTOfs2FTjAhg4X4GbxhHB+l7ITu/1zmQ=="
-    },
     "node_modules/esbuild": {
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
@@ -4461,6 +4479,11 @@
         "buffer": "^5.5.0"
       }
     },
+    "node_modules/mutation-observer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/mutation-observer/-/mutation-observer-1.0.3.tgz",
+      "integrity": "sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA=="
+    },
     "node_modules/mute-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz",
@@ -5331,6 +5354,18 @@
       "resolved": "https://registry.npmjs.org/varint/-/varint-5.0.2.tgz",
       "integrity": "sha512-lKxKYG6H03yCZUpAGOPOsMcGxd1RHCu1iKvEHYDPmTyq2HueGhD73ssNBqqQWfvYs04G9iUFRvmAVLW20Jw6ow=="
     },
+    "node_modules/vconsole": {
+      "version": "3.15.1",
+      "resolved": "https://registry.npmjs.org/vconsole/-/vconsole-3.15.1.tgz",
+      "integrity": "sha512-KH8XLdrq9T5YHJO/ixrjivHfmF2PC2CdVoK6RWZB4yftMykYIaXY1mxZYAic70vADM54kpMQF+dYmvl5NRNy1g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.17.2",
+        "copy-text-to-clipboard": "^3.0.1",
+        "core-js": "^3.11.0",
+        "mutation-observer": "^1.0.3"
+      }
+    },
     "node_modules/vite": {
       "version": "4.5.3",
       "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
diff --git a/package.json b/package.json
index 533879fe..575c1aa9 100644
--- a/package.json
+++ b/package.json
@@ -17,12 +17,12 @@
     "@tonconnect/ui-react": "^2.2.0",
     "buffer": "^6.0.3",
     "crc-32": "^1.2.2",
-    "eruda": "^2.11.2",
     "jose": "^5.2.4",
     "msw": "2.3.5",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
     "react-json-view": "^1.21.3",
+    "vconsole": "^3.15.1",
     "zod": "^3.23.8"
   },
   "devDependencies": {
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index a31a2d95..ac637d55 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -4,6 +4,7 @@ import './header.scss';
 export const Header = () => {
     return <header>
         <span>My App with React UI</span>
+
         <TonConnectButton />
     </header>
 }
diff --git a/src/main.tsx b/src/main.tsx
index e78d5464..74841e38 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,6 +1,6 @@
 import './patch-local-storage-for-github-pages';
 import './polyfills';
-import eruda from "eruda";
+import VConsole from 'vconsole';
 
 import React, {StrictMode} from 'react'
 import {render} from 'react-dom';
@@ -8,7 +8,8 @@ import App from './App'
 import './index.scss'
 import {runSingleInstance} from "./utils/run-signle-instance";
 
-eruda.init();
+const vConsole = new VConsole({ theme: 'dark'});
+
 
 async function enableMocking() {
   const host = document.baseURI.replace(/\/$/, '');