firebase auth hook/context

src/contexts/authContext.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+interface AuthContextInterface {
+  authUser: firebase.User | null | undefined;
+}
+
+const AuthContext = React.createContext<AuthContextInterface>({
+  authUser: undefined
+});
+
+export default AuthContext;

src/hooks/useAuth.ts

@@ -0,0 +1,18 @@
+import { useEffect, useState } from "react";
+import { auth } from "../firebase";
+
+const useAuth = () => {
+  const [authUser, setAuthUser] = useState<firebase.User | null | undefined>(
+    undefined
+  );
+
+  useEffect(() => {
+    auth.onAuthStateChanged(token => {
+      setAuthUser(token);
+    });
+  }, []);
+
+  return authUser;
+};
+
+export default useAuth;