Skip to content
Back
UsersAccountsWeb

User (role: guests) missing scope (account)

View on Discord

Votes

1

Replies

11

Participants

Unknown

Messages

12

parisOriginal post

Web Developer

I am getting this error when I am trying to see if a User is currently logged into a session.
I am using Next14 with Typescript.

I am using client-side functions for both the Account creation and the SignUp page. (If the user is signed in already and goes to sign up, it should just route them to their account page.)

TypeScript
// inside of my SignUp page.tsx
const getSession = () => {
    // this is where the error is getting thrown
    account.get().then((res) => {
      setSession(res);
    }).catch((e) => {
      console.log(e);
    })
  }


  useEffect(() => {
    getSession();


    if (session) {
      router.push("/my-account")
    }
  }, []);

I am a little confused on how the account/user scopes work when youre trying to check for a logged in user that is not logged in?

Steven

Please don't tag people as it can be disruptive. Please just wait

paris

Web Developer

apologies!

paris

Web Developer

JavaScript
  async function init() {
    try {
      const loggedIn = await account.get();
      setUser(loggedIn);
    } catch (err) {
      setUser(null);
    }
  }
paris

Web Developer

according to the own docs, you just catch the error and set the user to null if there is an error?

paris

Web Developer

strange

Steven

No worries!

paris

Web Developer

TypeScript
  const [user, setUser] = useState<Models.User<Models.Preferences> | null>(null);
  const [session, setSession] = useState<Models.Session>();


  const router = useRouter();


  const handleSignUp = () => {
    setLoading(true);
    signUp(email, password).then((res) => {
      setError("");
      setLoading(false);
      account.createEmailPasswordSession(email, password).then((sesh) => {
        setSession(sesh);
      })
      router.push("/my-account")
    }).catch((e: AppwriteException) => {
      setError(e.message);
      setLoading(false);
    });
  }


  const getUser = async () => {
    getAccount().then((res) => {
      setUser(res);
    }).catch((e) => {
      setUser(null);
    })
  }


  useEffect(() => {
    getUser().then(() => {
      if (user) {
        router.push("/my-account");
      }
    });
  }, [user]);
paris

Web Developer

for anyone who comes against this problem in the future, this seems to work

paris

Web Developer

i cant say as to why the design works like this

paris

Web Developer

TypeScript
const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");
  const [error, setError] = useState("");
  const [loading, setLoading] = useState(false);
  const [session, setSession] = useState<Models.Session>();


  const router = useRouter();


  const handleSignUp = () => {
    setLoading(true);
    signUp(email, password).then((res) => {
      setError("");
      setLoading(false);
      account.createEmailPasswordSession(email, password).then((sesh) => {
        setSession(sesh);
      })
      router.push("/my-account");
    }).catch((e: AppwriteException) => {
      setError(e.message);
      setLoading(false);
    });
  }


  useEffect(() => {
    getAccount().then((res) => {
      router.push('/my-account')
    }).catch((e) => {
      // do nothing
    });
  }, []);
paris

Web Developer

Even shorter version

Join the discussion

Reply to this thread by joining our Discord.

Reply on Discord

Need support?_

Join DiscordGet premium support