Моя форма React перестала работать, когда я подключил ее к Firestore

Question

Я создал форму React, которая была вводом данных консоли.Но когда я попытался подключить его к Firestore db, он начал выдавать ошибку.

Я мог добавить в список проектов вручную до последних изменений.

Но когда я добавил этот переключатель,Я должен увидеть новый документ, добавленный в базу данных Cloud Firestore.

Теперь я получаю сообщение об ошибке в консоли.Единственное, что я извлекаю из этого, это то, что это ошибка Firestore, о которой я вроде уже знал, так как она началась, когда я пытался соединить их.и перепроверил вещи, и я не вижу ничего пропавшего.

Есть ли очевидное место для поиска проблемы с подключением?

Вот код, который я ввел до возникновения ошибки:

const projectReducer = (state = initState, action) => {
  switch (action.type) {
    case "CREATE_PROJECT_SUCCESS":
      console.log("create project success", action.project);
      return state;
    case "CREATE_PROJECT_ERROR":
      console.log("create project error", action.err);
      return state;
    // the default case will catch any other possibilities in a switch case
    default:
      return state;
  }
};

Я не ожидаю пока обновления в приложении, но они должны отображаться в Firestore.Это не так.