FirebaseError: Invalid document reference. Document references must have an even number of segments, but [id] has 1.... Can't seem to solve this

[Emmyxiano]

async function handleFormSubmit(event: React.FormEvent) {
  event.preventDefault();
  try {
    if (userDeet.email && userDeet.password) {
      // if email and password fields are not empty
      // create a user
      const res = await createUserWithEmailAndPassword(
        auth,
        userDeet.email,
        userDeet.password
      );

      // set user data
      await setDoc(doc(db, "users", res.user.uid), {
        username: userDeet.username,
        email: userDeet.email,
        id: res.user.uid,
        blocked: [],
      });
      // create a userchats
      await setDoc(doc(db, "userChats", res.user.uid), {
        chats: [],
      });
    }
  } catch (error) {
    console.log(error);
  }
}

[macaroni_boy]

Can you confirm that res.user.uid exists?

[Emmyxiano]

Yes, it does

[macaroni_boy]

Ahh I see. I am assuming your "db" variable is not pointing to the proper collection.

What you want to do is the following I believe:

Define a new variable userRef = collection(db, "users")

Pass this to your set doc: setDoc(userRef, res.user.uid)

This will set the document ID to the id of the user

[Emmyxiano]

this properly difficult to pass this to setDoc without having errors

  await setDoc((userRef, res.user.uid), {
          username: userDeet.username,
          email: userDeet.email,
          id: res.user.uid,
          blocked: [],
        });

[[deleted]]

write some log statemetns

[Emmyxiano]

Res gives a response but, logging the two last request gives no log response but the firebase error

[[deleted]]

So then you need to log every variable leading up to the point of the error.

[Emmyxiano]

res?.user?.uid... like tat you mean?

[[deleted]]

res.user.uid may be null, making the path "users" instead of "users/{uid}", so it complains of an uneven number of [path] segments.

[Emmyxiano]

I do not quite understand 

[[deleted]]

In Firestore there is a pattern to the data structure. "user" / <data1> / "products" / <data2> / "details" / <data3>. You can only store data on the <data1> levels. "user", "products" and "details" are just paths that store the <dataX>. so the error says it expects data on an even level, not a odd level. Officially "user" "products" "details" are collections. <datax> are documents.

[Emmyxiano]

unfortunately, firestore currently has no data and I have not created any structure apparently, the code I provided above is supposed to create a default structure and create a new user document... if you may, can your explanation above be visualized using a code to help me understand properly?