So I'm trying to set up serverSideRendering for my nextjs app and when I run it I keep getting this error in a function which is used to get a user from firestore based on the query search. I'm new to firebase so I don't really know what this error means.

This is the function where the error comes from:

export async function getUserWithUsername(username) {
  const usersRef = collection(firestore, 'users');
  const q = query(usersRef, where('username', '==', username), limit(1));
  const userDoc = (await getDocs(q)).docs[0];
  return userDoc;
}

This is the getServerSideProps function where it's called:

  export async function getServerSideProps({ query }) {
  const { username } = query;
  const userDoc = await getUserWithUsername(username);
  if (!userDoc) {
    return {
      notFound: true,
    };
  }
  .... ...