TypeScript React Telegram login component
npm install @v9v/ts-react-telegram-loginTelegram Login Widget wrapped up in handy React Component.
Influenced by this repo.
- Typed
- Hook component
- Cleans up on unmount
npm i @v9v/ts-react-telegram-login
or yarn add @v9v/ts-react-telegram-login
#### Important! (thanks hprobotic)
- Login widget will not work on localhost or local-ip-address. Use should create and register your bot domain with BotFather to get that work. You can create your custom domain. For example: yourdomain.local by add new record point to your local ip by edit hosts file.
- It's only run on port 80. When you use create-react-app. You must run sudo yarn PORT=80 start, or on Windows CMD (not powershell), set PORT=80 && yarn start
``typescript
import React from 'react';
import TelegramLoginButton, { TelegramUser } from '@v9v/ts-react-telegram-login';
const handleTelegramResponse = (user: TelegramUser) => {
console.log(user);
};
function App() {
return (
width: '100%',
height: '100vh',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
}}
>
Shalom!
export default App;
`
Resulting object example:
`typescript``
{
auth_date: 1594213579;
first_name: 'Yuri';
hash: 'e785537c13e00aaa2071b409c14bedf2ea55d05e984465fcabbbc593ef86a29d';
id: 625001000;
last_name: 'v9v';
}