React: How to use React for creating bots (Telegram, Discord)?

1// Using react-telegram-web-app
2import WebApp from "@twa-dev/sdk";
3
4function BotApp() {
5  const [score, setScore] = useState(0);
6
7  const handleBuy = () => {
8    WebApp.showConfirm("Buy points?", (confirmed) => {
9      if (confirmed) setScore(s => s + 100);
10    });
11  };
12
13  return (
14    <div>
15      <h1>Score: {score}</h1>
16      <button onClick={handleBuy}>Buy</button>
17    </div>
18  );
19}

1// Server code: render React to HTML → screenshot
2import { renderToString } from "react-dom/server";
3import puppeteer from "puppeteer";
4
5async function generateImage(data) {
6  const html = renderToString(<Certificate data={data} />);
7  const browser = await puppeteer.launch();
8  const page = await browser.newPage();
9  await page.setContent(html);
10  const image = await page.screenshot({ type: "png" });
11  await browser.close();
12  return image;
13}

1// Server side: using discord.js
2import { Client, EmbedBuilder } from "discord.js";
3
4const client = new Client({ intents: ["Guilds", "GuildMessages"] });
5
6client.on("messageCreate", async (message) => {
7  if (message.content === "!profile") {
8    const embed = new EmbedBuilder()
9      .setTitle("Profile")
10      .setDescription(`${message.author.username}`)
11      .setColor(0x00FF00);
12    await message.reply({ embeds: [embed] });
13  }
14});