[Docs]: Firebase Auth Object in Loaders

[aress31]

Describe what's incorrect/missing in the documentation

It is nowhere to be found in the doc how to use firebase auth object in a loader route to load data, see:

const loadUsers = async (tenantId) => {
  const currentUser = auth.currentUser;

  const fetchUsers = async () => {
    const fetchedUsers = await getUsers(tenantId, currentUser?.uid);
    return fetchedUsers;
  };

  if (currentUser?.uid) return fetchUsers();
};

  {
          element: <DataView />,
          loader: async ({ params }) => {
            const users = await loadUsers(params.tenantId);
            console.log(users);
          },
          path: "users",
        },

That is quite an important feature to load the relevant data to my view. Has anyone got a workaround or solution? Maybe worth documenting this behaviour?

[aress31]

As this might help someone else bumping into the same issue, this is how I resolved the issue:

loader: async () => {
            const fetchData = async () => {
              await auth.authStateReady();
              return getUsers(auth.currentUser);
            };

            return {
              data: await fetchData(),
            };
          },