[Bug]: OpenLink, OpenTelegramLink, shareURL, setEmojiStatus dont work even though .isAvailable() shows true for all of them

[brex684]

Telegram Application

Telegram for Android, Telegram for iOS, Telegram Web K, Telegram Web A, Telegram Desktop, Telegram for macOS

Describe the Bug

I have initialized react-sdk with init and mounted backbutton to make sure it worked

import { createRoot } from 'react-dom/client';
import './index.scss';
import App from './App.tsx';

import { init, backButton } from '@telegram-apps/sdk-react';

init();

backButton.mount();

createRoot(document.getElementById('root')!).render(<App />);

But still, pretty much all telegram methods like opening links, setting status, opening beometry dont work, even though im checking isAvailable() for all of them and it shows true. Im not getting any errors, these methods just dont work

Examples of calling:

onClick: async () => {
    await setEmojiStatus('5361800828313167608');
}

onClick: () => {
    openTelegramLink(`https://t.me/nft/${gift.slug}`);
},

To Reproduce

1. Create react app with vite + typescript
2. Install @telegram-apps/sdk-react ^3.3.1
3. Init it with init()
4. Try to call methods I described earlier

Expected Behavior

Well, each method should do what it supposed to do

[heyqbnk]

Hey! Please, provide a minimal reproducible example. If you have a problem on each platform, it is most likely that the problem is on your side, not in the library

[brex684]

@heyqbnk
Setup default vitejs - react - typescript

// main.tsx
import { createRoot } from 'react-dom/client';
import './index.scss';
import App from './App.tsx';

import { init, backButton } from '@telegram-apps/sdk-react';

init();

backButton.mount();

createRoot(document.getElementById('root')!).render(<App />);

// App.tsx
import { openTelegramLink } from '@telegram-apps/sdk-react';


function App() {
  return (
    <>
      <div
        onClick={() => {
          alert('123');
          openTelegramLink('https://t.me/heyqbnk');
        }}
        style={{
        }}>
        Test me
      </div>
    </>
  );
}

export default App;

Alert works, methods like openLink, telegramLink and others dont work

[heyqbnk]

This setup works fine for me. Could you try using the public template?

https://github.com/Telegram-Mini-Apps/reactjs-template

[brex684]

I've literally used this official template from here and it doesnt work

[heyqbnk]

This template is deployed in Telegram:
https://t.me/tmajsbot/react_example

Please, check your configuration:

• You are not using this SDK along with the Telegram SDK
• You are running the app inside official Telegram client
• Enable debug mode to check if the function you are calling is calling the TMA method