How to listen changes in loader function of route

[muthuabs]

I am using firebase to listen real time changes, My question is how to update real time data in loader function of below function

export const Route = createFileRoute("/_auth/")({
  component: JoyOrderDashboard,
  loader: ({ abortController }) => {
    const db = getDatabase();
    const dbRef = ref(db, path);

    return new Promise((resolve, reject) => {
      const unsubscribe = onValue(
        dbRef,
        (snapshot) => {
          if (snapshot.exists()) {
            resolve(snapshot.val());
            // Here I want to update data on real time
          } else {
            resolve(null); // or reject, based on your use case
          }
        },
        (error) => {
          reject(error);
        }
      );
      abortController.signal.addEventListener("abort", () => {
        unsubscribe();
        console.log("On Page leave Unsubscribe!");
      });
    });
  },
});