import * as React from "react";
import database, {
  FirebaseDatabaseTypes,
} from "@react-native-firebase/database";

export function useFirebase<T = any>(path: string) {
  const [data, setData] = React.useState<T>();
  const [loading, setLoading] = React.useState(true);

  const onUpdate = React.useMemo(
    () => (data: FirebaseDatabaseTypes.DataSnapshot) => {
      setData(data.val());
      setLoading(false);
    },
    [path]
  );

  React.useEffect(() => {
    const ref = database().ref(path);
    ref.on("value", onUpdate);
    return () => ref.off("value", onUpdate);
  }, [path]);

  return {
    data,
    loading,
  };
}