diff --git a/src/App.tsx b/src/App.tsx
index d0ca9ef..93ba25f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import reactLogo from './assets/react.svg'
 import twaLogo from './assets/tapps.png'
 import viteLogo from '/vite.svg'
@@ -19,6 +19,10 @@ function App() {
 
   const cartridgeConnector = connectors[0]
 
+  useEffect(() => {
+    window.Telegram.WebApp.SettingsButton.isVisible = true
+  })
+
   return (
     <>
       <div>
@@ -49,8 +53,8 @@ function App() {
       </div>
       
       <button onClick={() => {
-        WebApp.BiometricManager.init(() => {
-          WebApp.showConfirm('give data', () => WebApp.BiometricManager.requestAccess({
+        window.Telegram.WebApp.BiometricManager.init(() => {
+          window.Telegram.WebApp.showConfirm('give data', () => window.Telegram.WebApp.BiometricManager.requestAccess({
             reason: 'we need your biometric data',
           }, () => {
             WebApp.showPopup({
@@ -58,10 +62,10 @@ function App() {
             })
           }))
         })
-        WebApp.showConfirm('give data', () => WebApp.BiometricManager.requestAccess({
+        window.Telegram.WebApp.showConfirm('give data', () => window.Telegram.WebApp.BiometricManager.requestAccess({
           reason: 'we need your biometric data',
         }, () => {
-          WebApp.showPopup({
+          window.Telegram.WebApp.showPopup({
             message: 'thank'
           })
         }))
@@ -69,7 +73,7 @@ function App() {
         ok
       </button>
       <div className="card">
-        <button onClick={() => WebApp.BiometricManager.openSettings()}>
+        <button onClick={() => window.Telegram.WebApp.BiometricManager.openSettings()}>
             Bio settings
         </button>
       </div>