Console Warning, [VueFire SSR]: Could not get the path of the data source

[asifaly]

I just started re-factoring my application by introducing vuefire today. Everything works like a charm. I am facing the following warning in my console. I am just using default vue3 app with TS spin up by Vite.

The trace points to this file.... with the following code

<script setup lang="ts">
import NewQuizCard from "@/components/dashboard/NewQuizCard.vue";
import NoQuizIntro from "@/components/dashboard/NoQuizIntro.vue";
import QuizList from "@/components/dashboard/QuizList.vue";
import WelcomeMessage from "@/components/dashboard/WelcomeMessage.vue";
import type { IQuiz } from "@/interfaces";
import { collection, query, where } from "firebase/firestore";
import { useCollection, useCurrentUser, useFirestore } from "vuefire";

const db = useFirestore();
const user = useCurrentUser();

const quizzes = useCollection<IQuiz>(
  query(collection(db, "quizes"), where("userid", "==", user.value?.uid))
);
</script>

I assume it is because of user.value? being empty on page load. I tried modifying it to

const quizzes = user.value
  ? useCollection<IQuiz>(
      query(collection(db, "quizes"), where("userid", "==", user.value.uid))
    )
  : [];

But the warning still appears... any suggestions would be appreciated.

[posva]

You need to ssr key your query:

useCollection(..., { ssrKey: 'unique ssr key' })

[asifaly]

Thanks @posva it does make the warning go away. I did see this in the docs. I do not have SSR enabled in the application and this is still required ?

[m2xilon]

Also getting this warning without the application doing any SSR

[posva]

Will be fixed next. You can ignore the warning or provide a key at the moment 🙂