Fixed conditional rendering of login button (#28)

* Fix conditional rendering of login button

* Update config and lockfile

* Add changelog

.changeset/poor-buttons-check.md

@@ -0,0 +1,5 @@
+---
+"@telegram-auth/react": patch
+---
+
+Fixed conditional rendering of login button

package.json

@@ -19,7 +19,7 @@
 		"dev": "turbo run dev --parallel",
 		"kick-off": "pnpm clean && pnpm build:p",
 		"lint": "eslint \"{packages,examples,internal}/**/*.{ts,tsx,js,jsx,json}\"",
-		"lint:fix": "pnpm run lint -- --fix",
+		"lint:fix": "pnpm run lint --fix",
 		"release": "changeset publish",
 		"release:dev": "changeset publish --tag dev",
 		"test": "turbo run test",

packages/react/src/LoginButton.tsx

@@ -36,6 +36,22 @@ export function LoginButton(props: LoginButtonProps) {
 
 		// add the script element to the DOM
 		hiddenDivRef.current?.after(scriptRef.current);
+
+		// Save siblings before unmount
+		const siblings = hiddenDivRef.current?.parentElement?.children || [];
+
+		return () => {
+			// destroy the script element on unmount
+			scriptRef.current?.remove();
+
+			// We also need to remove the rendered iframe
+			for (const element of siblings) {
+				if (element instanceof HTMLIFrameElement && element.src.includes('oauth.telegram.org')) {
+					element.remove();
+					break;
+				}
+			}
+		};
 	}, [props]);
 
 	return <div ref={hiddenDivRef} hidden />;