Example of using Firebase with React

firebase-example.ts

import React, { useEffect } from 'react';
import { Link } from "@reach/router";
import { db } from "../_core/firebase";

const HomePage = () => {
	const init = async () => {
		
		await db.collection('customers')
			.onSnapshot(function (doc) {
				let count = 0;
				doc.forEach(() => count = count + 1)
				console.log("Current data: ", count);
			});
	};

	useEffect(() => {
		init().then()
	}, []);

	return (<div>
		<Link to={'/make-payment'}>Make A Payment</Link>
	</div>);
};

export default HomePage;