Error login MetaMask

I am always getting this error message when I try to log with metamask

{
    "code": 203,
    "error": "Account already exists for this email address."
}

Here is my partial code of how I implemented

<div className="hidden md:flex items-center justify-end md:flex-1 lg:w-0">
  {!isAuthenticated && (
    <button
      onClick={() => authenticate()}
      className="cursor-pointer ml-8 whitespace-nowrap inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-indigo-600 hover:bg-indigo-700"
    >
      MetaMask Connect
    </button>
  )}

  {isAuthenticated && (
    <button
      onClick={() => logout()}
      className="cursor-pointer ml-8 whitespace-nowrap inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-indigo-600 hover:bg-indigo-700"
    >
      Logout
    </button>
  )}
</div>

Hey @neil

If you will share the full code I think I will found the problem.

But error says itself what is the problem:

{
    "code": 203,
    "error": "Account already exists for this email address."
}

Do you have user.set ("email", email) in the code?

Hi Yomoo!

Thank you for you quick replay.

This is only a navigation page, we do not do any user updates.

import Link from "next/link";
import Image from 'next/image'
import { useMoralis } from "react-moralis";
import { Fragment } from "react";
import { Popover, Transition } from "@headlessui/react";
import {
  AnnotationIcon,
  ChatAlt2Icon,
  InboxIcon,
  MenuIcon,
  QuestionMarkCircleIcon,
  XIcon,
} from "@heroicons/react/outline";
import { ChevronDownIcon } from "@heroicons/react/solid";
import logo from '../../public/logo_l.jpg'

const myaccount = [
  {
    name: "My Profile",
    description:
      "Get a better understanding of where your traffic is coming from.",
    href: "/profile",
    icon: InboxIcon,
  },
  {
    name: "NFT",
    description: "Speak directly to your customers in a more meaningful way.",
    href: "/b",
    icon: AnnotationIcon,
  },
  {
    name: "My Collection",
    description: "Your customers' data will be safe and secure.",
    href: "/c",
    icon: ChatAlt2Icon,
  },
  {
    name: "My Favourit",
    description: "Connect with third-party tools that you're already using.",
    href: "/d",
    icon: QuestionMarkCircleIcon,
  },
];
const navigation = [
  { name: "Home", href: "/" },
  { name: "Auctions", href: "/auctions" },
  { name: "Help", href: "/help" },
  { name: "Contact", href: "/contact" },
];

function classNames(...classes) {
  return classes.filter(Boolean).join(" ");
}

const Nav = () => {
  const { authenticate, isAuthenticated, user, logout } = useMoralis();
  return (
    <header>
      <Popover className="relative bg-white">
        {({ open }) => (
          <>
            <div className="flex justify-between items-center max-w-7xl mx-auto px-4 py-6 sm:px-6 md:justify-start md:space-x-10 lg:px-8">
              <div className="flex justify-start lg:w-0 lg:flex-1">
                <a href="#">
                  <span className="sr-only">Lloyds</span>
                  <Image className="h-8 w-auto sm:h-10" src={logo} alt="Picture of the author" />
                </a>
              </div>
              <div className="-mr-2 -my-2 md:hidden">
                <Popover.Button className="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500">
                  <span className="sr-only">Open menu</span>
                  <MenuIcon className="h-6 w-6" aria-hidden="true" />
                </Popover.Button>
              </div>
              <Popover.Group as="nav" className="hidden md:flex space-x-10">
                {/* Main naviation */}

                {navigation.map((item) => (
                  <Link key={item.name} href={item.href}>
                    <div className="text-base font-medium text-gray-500 hover:text-gray-900 cursor-pointer">
                      {item.name}
                    </div>
                  </Link>
                ))}

                {/* My account  handler */}
                {isAuthenticated && (
                  <Popover className="relative">
                    {({ open }) => (
                      <>
                        <Popover.Button
                          className={classNames(
                            open ? "text-gray-900" : "text-gray-500",
                            "group bg-white rounded-md inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
                          )}
                        >
                          <span>My Account</span>
                          <ChevronDownIcon
                            className={classNames(
                              open ? "text-gray-600" : "text-gray-400",
                              "ml-2 h-5 w-5 group-hover:text-gray-500"
                            )}
                            aria-hidden="true"
                          />
                        </Popover.Button>

                        <Transition
                          show={open}
                          as={Fragment}
                          enter="transition ease-out duration-200"
                          enterFrom="opacity-0 translate-y-1"
                          enterTo="opacity-100 translate-y-0"
                          leave="transition ease-in duration-150"
                          leaveFrom="opacity-100 translate-y-0"
                          leaveTo="opacity-0 translate-y-1"
                        >
                          <Popover.Panel
                            static
                            className="absolute z-10 -ml-4 mt-3 transform w-screen max-w-md lg:max-w-2xl lg:ml-0 lg:left-1/2 lg:-translate-x-1/2"
                          >
                            <div className="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden">
                              <div className="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2">
                                {myaccount.map((item) => (
                                  <Link key={item.name} href={item.href}>
                                    <div className="-m-3 p-3 flex items-center rounded-lg hover:bg-gray-50 cursor-pointer">
                                      <div className="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-indigo-600 text-white sm:h-12 sm:w-12">
                                        <item.icon
                                          className="h-6 w-6"
                                          aria-hidden="true"
                                        />
                                      </div>
                                      <div className="ml-4">
                                        <p className="text-base font-medium text-gray-900">
                                          {item.name}
                                        </p>
                                        <p className="mt-1 text-sm text-gray-500">
                                          {item.description}
                                        </p>
                                      </div>
                                    </div>
                                  </Link>
                                ))}
                              </div>
                            </div>
                          </Popover.Panel>
                        </Transition>
                      </>
                    )}
                  </Popover>
                )}
              </Popover.Group>
              <div className="hidden md:flex items-center justify-end md:flex-1 lg:w-0">
                {!isAuthenticated && (
                  <button
                    onClick={() => authenticate()}
                    className="cursor-pointer ml-8 whitespace-nowrap inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-indigo-600 hover:bg-indigo-700"
                  >
                    MetaMask Connect
                  </button>
                )}

                {isAuthenticated && (
                  <button
                    onClick={() => logout()}
                    className="cursor-pointer ml-8 whitespace-nowrap inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-indigo-600 hover:bg-indigo-700"
                  >
                     Logout
                  </button>
                )}
              </div>
            </div>

            <Transition
              show={open}
              as={Fragment}
              enter="duration-200 ease-out"
              enterFrom="opacity-0 scale-95"
              enterTo="opacity-100 scale-100"
              leave="duration-100 ease-in"
              leaveFrom="opacity-100 scale-100"
              leaveTo="opacity-0 scale-95"
            >
              <Popover.Panel
                focus
                static
                className="absolute z-30 top-0 inset-x-0 p-2 transition transform origin-top-right md:hidden"
              >
                <div className="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 bg-white divide-y-2 divide-gray-50">
                  <div className="pt-5 pb-6 px-5">
                    <div className="flex items-center justify-between">
                      <div>
                        <img
                          className="h-8 w-auto"
                          src="https://tailwindui.com/img/logos/workflow-mark-indigo-600.svg"
                          alt="Workflow"
                        />
                      </div>
                      <div className="-mr-2">
                        <Popover.Button className="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500">
                          <span className="sr-only">Close menu</span>
                          <XIcon className="h-6 w-6" aria-hidden="true" />
                        </Popover.Button>
                      </div>
                    </div>
                    <div className="mt-6">
                      <nav className="grid grid-cols-1 gap-7">
                        {myaccount.map((item) => (
                          <Link key={item.name} href={item.href}>
                            <div className="-m-3 p-3 flex items-center rounded-lg hover:bg-gray-50 cursor-pointer">
                              <div className="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-indigo-600 text-white">
                                <item.icon
                                  className="h-6 w-6"
                                  aria-hidden="true"
                                />
                              </div>
                              <div className="ml-4 text-base font-medium text-gray-900">
                                {item.name}
                              </div>
                            </div>
                          </Link>
                        ))}
                      </nav>
                    </div>
                  </div>
                  <div className="py-6 px-5">
                    <div className="grid grid-cols-2 gap-4">
                      {navigation.map((item) => (
                        <a
                          key={item.name}
                          href={item.href}
                          className="text-base font-medium text-gray-900 hover:text-gray-700"
                        >
                          {item.name}
                        </a>
                      ))}
                    </div>
                    <div className="mt-6">
                      <a
                        href="#"
                        className="w-full flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-indigo-600 hover:bg-indigo-700"
                      >
                        Sign up
                      </a>
                      <p className="mt-6 text-center text-base font-medium text-gray-500">
                        Existing customer?
                        <a href="#" className="text-gray-900">
                          Sign in
                        </a>
                      </p>
                    </div>
                  </div>
                </div>
              </Popover.Panel>


            </Transition>
          </>
        )}
      </Popover>
    </header>
  );
};

export default Nav;

Could you check your database manually? Maybe you have there identical emails linked to different accounts?

DM me your appid and server url please :man_mechanic:

This is strange. I’ve tested it and it works without problems.

Have you changed any User objects manually in the database?

Could you share logs from the database please

If you have tried to delete user manually take a look at:
https://docs.moralis.io/moralis-server/users/crypto-login#manually-deleting-users

Thanks, Yomoo

I will check that soon

Hi guys, I am having the same problem with my application and I think I should be able to log in with two different accounts, right?

Providing your code here will help too. Thanks.

Hi Malik, thanks for the quick response.

I actually fixed it just deleting the users registered I had before. I’m still confused but at least it is working.

Now I can switch accounts on my app using metamask with no problem.

1 Like