Should I get errors in browser console as early as directing to localhost?

I follow the steps in https://www.appwrite.io/blog/post/set-up-google-auth-appwrite-react one by one. I do not get any errors during the process. That being said, as soon as I run the application and go to my localhost, I see the errors in the screenshot. The errors come from these lines which are copy-paste from the tutorial:

export const getUser = async () => {
    try {
        return await account.get()
    } catch (error) {
        console.error(error)
    }
}

When I click on the login button and enter my credentials, I get the Appwrite loading screen with this path https://cloud.appwrite.io/console/auth/oauth2/success?[project id]...... with 401 Unauthorized error in the browser console.

I am lost as I do not take any liberty in the steps as I take. I will appriciate any guidance.

When I check the Users tab of the Auth section, I see the email address that I used for logging in added to the Users list So the login credentials were recognized by Appwrite. It is my UI and the browser console that give me errors.