我正在使用NextJS，并尝试在按下按钮后从组件内的firestore中获取数据。我这样描述我的职责：

const handleSkip = async (e) => {
  e.preventDefault();
  const userDocRef = doc(db, "users", session?.id);

  try {
    const userDocs = await getDoc(userDocRef);

    await updateDoc(userDocRef, {
      city: "TK",
    });
  } catch (error) {
    console.log(error);
  }
};

但是当我这样做时，我在DevTools控制台中收到以下错误：

next-dev.js?3515:32 @firebase/firestore: Firestore (9.4.1): Could not reach Cloud Firestore backend. Connection failed 1 times. Most recent error: FirebaseError: [code=not-found]: The project undefined does not exist or it does not contain an active Cloud Datastore or Cloud Firestore database. Please visit http://console.cloud.google.com to create a project or https://console.cloud.google.com/datastore/setup?project=undefined to add a Cloud Datastore or Cloud Firestore database. Note that Cloud Datastore or Cloud Firestore always have an associated App Engine app and this app must not be disabled.
This typically indicates that your device does not have a healthy Internet connection at the moment. The client will operate in offline mode until it is able to successfully connect to the backend.

和/或

FirebaseError: Failed to get document because the client is offline.
    at next (index.esm2017.js?a9d0:14370:1)
    at eval (index.esm2017.js?a9d0:13834:1)

奇怪的是，我还使用了next-auth，firestore数据提取在会话回调函数中工作得很好。有什么办法解决这个问题吗？我已经尝试了Firebase 9.4和9.6，但结果相同。