GPT

Authentication Hook

import { useState, useEffect } from 'react'; import { User, onAuthStateChanged, signInWithEmailAndPassword, createUserWithEmailAndPassword, signOut } from 'firebase/auth'; import { auth } from '../firebase'; export func

Prompt text

Original English text. Replace placeholders with your own details.

import { useState, useEffect } from 'react';
import { User, onAuthStateChanged, signInWithEmailAndPassword, createUserWithEmailAndPassword, signOut } from 'firebase/auth';
import { auth } from '../firebase';

export function useAuth() {
 const [user, setUser] = useState<User | null>(null);
 const [loading, setLoading] = useState(true);
 const [error, setError] = useState<string | null>(null);

 useEffect(() => {
 const unsubscribe = onAuthStateChanged(auth, (user) => {
 setUser(user);
 setLoading(false);
 });

 return () => unsubscribe();
 }, []);

 const login = async (email: string, password: string) => {
 try {
 setError(null);
 await signInWithEmailAndPassword(auth, email, password);
 } catch (err: any) {
 setError(err.message);
 throw err;
 }
 };

 const register = async (email: string, password: string) => {
 try {
 setError(null);
 await createUserWithEmailAndPassword(auth, email, password);
 } catch (err: any) {
 setError(err.message);
 throw err;
 }
 };

 const logout = async () => {
 try {
 setError(null);
 await signOut(auth);
 } catch (err: any) {
 setError(err.message);
 throw err;
 }
 };

 return { user, loading, error, login, register, logout };
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →