try to redirect login in new tab

server.js

@@ -42,10 +42,16 @@ const getPTag = (repoId) => {
 };
 
 app.get("/api/login", (_req, res) => {
-  res.redirect(
-    302,
-    `https://huggingface.co/oauth/authorize?client_id=${process.env.OAUTH_CLIENT_ID}&redirect_uri=${REDIRECT_URI}&response_type=code&scope=openid%20profile%20write-repos%20manage-repos%20inference-api&prompt=consent&state=1234567890`
-  );
+  // res.redirect(
+  //   302,
+  //   `https://huggingface.co/oauth/authorize?client_id=${process.env.OAUTH_CLIENT_ID}&redirect_uri=${REDIRECT_URI}&response_type=code&scope=openid%20profile%20write-repos%20manage-repos%20inference-api&prompt=consent&state=1234567890`
+  // );
+  // redirect in new tab
+  const redirectUrl = `https://huggingface.co/oauth/authorize?client_id=${process.env.OAUTH_CLIENT_ID}&redirect_uri=${REDIRECT_URI}&response_type=code&scope=openid%20profile%20write-repos%20manage-repos%20inference-api&prompt=consent&state=1234567890`;
+  res.status(200).send({
+    ok: true,
+    redirectUrl,
+  });
 });
 app.get("/auth/login", async (req, res) => {
   const { code } = req.query;

src/components/login/login.tsx

@@ -10,10 +10,15 @@ function Login({
 }) {
   const [, setStorage] = useLocalStorage("html_content");
 
-  const handleClick = () => {
+  const handleClick = async () => {
     if (html !== defaultHTML) {
       setStorage(html);
     }
+    const request = await fetch("/api/login");
+    const res = await request.json();
+    if (res?.redirectUrl) {
+      window.open(res.redirectUrl, "_blank");
+    }
   };
 
   return (
@@ -26,13 +31,13 @@ function Login({
       </header>
       <main className="px-4 py-4 space-y-3">
         {children}
-        <a href="/api/login" onClick={handleClick}>
+        <button onClick={handleClick}>
           <img
             src="https://huggingface.co/datasets/huggingface/badges/resolve/main/sign-in-with-huggingface-lg-dark.svg"
             alt="Sign in with Hugging Face"
             className="mx-auto"
           />
-        </a>
+        </button>
       </main>
     </>
   );