🐛 Bug Report: Appwrite SDK error u is not a function. (In 'u(T)', 'u' is undefined)

[iamnotmega]

👟 Reproduction steps

i triggered the bug by running npm run build && npm run tauri dev and i opened my login ui i made and logged in then it just threw me that error and still my appwrite dashboard says a new session was made? heres the code where i believe its coming from:

import React, { useState } from "react";
import { ID,  Client, Account } from "appwrite";
console.log('Appwrite imports:', { Client, Account });
import "./AuthModal.css";

const client = new Client();
client
  .setEndpoint("https://cloud.appwrite.io/v1")
  .setProject("reskin");

let account;
try {
  account = new Account(client);
  console.log('Appwrite initialized:', { client, account });
} catch (e) {
  console.error('Error initializing Appwrite:', e);
}

export default function AuthModal({ open, onClose, onAuth }) {
  const [mode, setMode] = useState("login"); // 'login' or 'signup'
  const [username, setUsername] = useState("");
  const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");
  const [error, setError] = useState("");
  const [loading, setLoading] = useState(false);
  const [showRecovery, setShowRecovery] = useState(false);
  const [recoveryEmail, setRecoveryEmail] = useState("");
  const [recoveryMsg, setRecoveryMsg] = useState("");

  // On mount, check for active session and fetch user info
  React.useEffect(() => {
    (async () => {
      try {
        // If session exists, get user info
        const user = await account.get();
        if (user) {
          onAuth && onAuth(user);
        }
      } catch (err) {
        // No active session
      }
    })();
  }, []);

  const handleLogin = async (e) => {
    e.preventDefault();
    setLoading(true);
    setError("");
    try {
      // Only allow login with email
      if (!email.includes('@')) {
        throw new Error('Please enter your email address to log in.');
      }
      await account.createEmailPasswordSession(email, password);
      const user = await account.get();
      const fullUser = await account.get();
      const userData = {
        id: fullUser.$id,
        email: fullUser.email,
        username: fullUser.name || fullUser.username || (fullUser.prefs && fullUser.prefs.username) || fullUser.email.split('@')[0],
        prefs: fullUser.prefs || {},
      };
      onAuth(userData);
      localStorage.setItem('reskin_user', JSON.stringify(userData));
      onClose();
    } catch (err) {
      setError(err.message || "Login failed");
    }
    setLoading(false);
  };

  const handleSignup = async (e) => {
    e.preventDefault();
    setLoading(true);
    setError("");
    try {
      await account.create(ID.unique(), email, password, username);
      // Auto-login after signup
      await account.createEmailPasswordSession(email, password);
      const user = await account.get();
      // Always fetch latest user profile from backend
      const fullUser = await account.get();
      const userData = {
        id: fullUser.$id,
        email: fullUser.email,
        username: fullUser.name || fullUser.username || (fullUser.prefs && fullUser.prefs.username) || fullUser.email.split('@')[0],
        prefs: fullUser.prefs || {},
      };
      onAuth(userData);
      localStorage.setItem('reskin_user', JSON.stringify(userData));
      onClose();
    } catch (err) {
      setError(err.message || "Signup failed");
    }
    setLoading(false);
  };

  const handleRecovery = async (e) => {
    e.preventDefault();
    setRecoveryMsg("");
    setLoading(true);
    try {
      await account.createRecovery(recoveryEmail, window.location.origin + "/set-new-password");
      setRecoveryMsg("Password reset email sent! Check your inbox.");
    } catch (err) {
      setRecoveryMsg(err.message || "Failed to send recovery email.");
    }
    setLoading(false);
  };

  if (!open) return null;

  return (
    <div className="auth-modal-overlay" style={{
      position: "fixed",
      top: 0,
      left: 0,
      width: "100vw",
      height: "100vh",
      background: "rgba(0,0,0,0.5)",
      zIndex: 3000,
      display: "flex",
      alignItems: "center",
      justifyContent: "center"
    }}>
      <div className="auth-modal-content" style={{
        background: "var(--color-bg-dark)",
        color: "var(--color-text-dark)",
        borderRadius: 16,
        padding: 32,
        minWidth: 340,
        boxShadow: "0 4px 32px #0006",
        position: "relative"
      }}>
        <button onClick={onClose} style={{ 
          position: "absolute", 
          top: 24, 
          right: 24, 
          background: "none", 
          border: "none", 
          color: "var(--color-text-dark)", 
          fontSize: 24, 
          cursor: "pointer" 
        }}>✖</button>
        <h2 style={{ color: "var(--color-text-dark)", marginBottom: 18 }}>{showRecovery ? "Reset password" : (mode === "login" ? "Log in" : "Sign up")}</h2>
        {!showRecovery ? (
          <>
            <form onSubmit={mode === "login" ? handleLogin : handleSignup} style={{ display: "flex", flexDirection: "column", gap: 16 }}>
          <input
            type="email"
            placeholder={mode === "login"
              ? "Email (required for login)"
              : "Email (required, used for login & password reset)"}
            value={email}
            onChange={e => setEmail(e.target.value)}
            required
          />
          {mode === "signup" && (
            <input
              type="text"
              placeholder="Username"
              value={username}
              onChange={e => setUsername(e.target.value)}
              required
            />
          )}
              <input
                type="password"
                placeholder="Password"
                value={password}
                onChange={e => setPassword(e.target.value)}
                required
              />
              {error && <div style={{ color: "#e23c3c", fontWeight: 500 }}>{error}</div>}
              <button type="submit" disabled={loading} style={{
                padding: "12px 0",
                borderRadius: 8,
                background: "#2a7cff",
                color: "#fff",
                fontWeight: 600,
                border: "none",
                cursor: "pointer"
              }}>{loading ? (mode === "login" ? "Logging in..." : "Signing up...") : (mode === "login" ? "Log in" : "Sign up")}</button>
            </form>
            <div style={{ marginTop: 18, color: "#bbb", fontSize: "0.98em" }}>
              {mode === "login" ? (
                <>
                  Don't have an account? <button style={{ color: "#2a7cff", background: "none", border: "none", cursor: "pointer" }} onClick={() => setMode("signup")}>Sign up</button><br />
                  <button style={{ color: "#2a7cff", background: "none", border: "none", cursor: "pointer", marginTop: 8 }} onClick={() => setShowRecovery(true)}>Forgot password?</button>
                </>
              ) : (
                <>Already have an account? <button style={{ color: "#2a7cff", background: "none", border: "none", cursor: "pointer" }} onClick={() => setMode("login")}>Log in</button></>
              )}
            </div>
          </>
        ) : (
          <form onSubmit={handleRecovery} style={{ color: "white", display: "flex", flexDirection: "column", gap: 16 }}>
            <input
              type="email"
              placeholder="Enter your account email"
              value={recoveryEmail}
              onChange={e => setRecoveryEmail(e.target.value)}
              required
            />
            <button type="submit" disabled={loading} style={{
              padding: "12px 0",
              borderRadius: 8,
              background: "#2a7cff",
              color: "#fff",
              fontWeight: 600,
              border: "none",
              cursor: "pointer"
            }}>{loading ? "Sending..." : "Send password reset email"}</button>
            {recoveryMsg && <div style={{ color: recoveryMsg.includes('sent') ? '#2a7cff' : '#e23c3c', fontWeight: 500 }}>{recoveryMsg}</div>}
            <button type="button" style={{ color: "#bbb", background: "none", border: "none", cursor: "pointer", marginTop: 8 }} onClick={() => setShowRecovery(false)}>Back to login</button>
          </form>
        )}
      </div>
    </div>
  );
}

👍 Expected behavior

the login flow should go perfectly fine but it throws the error

👎 Actual Behavior

the login failed and still created a new session (i checked on the dashboard)

🎲 Appwrite version

Different version (specify in environment)

💻 Operating system

Linux

🧱 Your Environment

im using appwrite 18.2.0 and my code is in javascript and i build it using vite and tauri

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

[Adityakk9031]

I would like to work on this issue

[stnguyen90]

@iamnotmega thanks for creating this issue! 🙏🏼 It seems there's been some mininification that is obfuscating the method to u. Would you please see if you can turn off the minification or get the symbols to unminify the method? Please also figure out what exactly threw the error perhaps by logging more:

    catch (err) {
+    console.error(err);
+    console.error(err.stack);
      setError(err.message || "Login failed");      
    }

[iamnotmega]

@stnguyen90
[Log] Appwrite imports: – Object (index-5WV6Zkd2.js, line 40)
Object
[Log] Appwrite initialized: – Object (index-5WV6Zkd2.js, line 40)
Object
[Error] Failed to load resource: the server responded with a status of 401 (Unauthorized) (account, line 0)
[Warning] Appwrite is using localStorage for session management. Increase your security by adding a custom domain as your API endpoint. (index-5WV6Zkd2.js, line 40)
[Error] TypeError: u is not a function. (In 'u(T)', 'u' is undefined) — index-5WV6Zkd2.js:40:106467
(anonymous function) (index-5WV6Zkd2.js:40:102580)
[Error] j@http://127.0.0.1:1430/assets/index-5WV6Zkd2.js:40:106466
@http://127.0.0.1:1430/assets/index-5WV6Zkd2.js:40:102492
(anonymous function) (index-5WV6Zkd2.js:40:102598)

(ignore the 401, that occured before i logged in and i know its caused by no user being logged in so it cant load your username and such)

[iamnotmega]

okay i turned off minification the thing works fine now!