Clear error state when calling functions

Author: chrisbianca

auth/useCreateUserWithEmailAndPassword.ts

@@ -1,11 +1,11 @@
 import {
   Auth,
-  UserCredential,
+  AuthError,
   createUserWithEmailAndPassword as firebaseCreateUserWithEmailAndPassword,
   sendEmailVerification,
-  AuthError,
+  UserCredential,
 } from 'firebase/auth';
-import { useState, useMemo } from 'react';
+import { useMemo, useState } from 'react';
 import { CreateUserOptions, EmailAndPasswordActionHook } from './types';
 
 export default (
@@ -21,6 +21,7 @@ export default (
     password: string
   ) => {
     setLoading(true);
+    setError(undefined);
     try {
       const user = await firebaseCreateUserWithEmailAndPassword(
         auth,

auth/useSendEmailVerification.ts

@@ -17,6 +17,7 @@ export default (auth: Auth): SendEmailVerificationHook => {
 
   const sendEmailVerification = async () => {
     setLoading(true);
+    setError(undefined);
     try {
       if (auth.currentUser) {
         await fbSendEmailVerification(auth.currentUser);

auth/useSendPasswordResetEmail.ts

@@ -17,6 +17,7 @@ export default (auth: Auth): SendPasswordResetEmailHook => {
 
   const sendPasswordResetEmail = async (email: string) => {
     setLoading(true);
+    setError(undefined);
     try {
       await fbSendPasswordResetEmail(auth, email);
     } catch (err) {

auth/useSignInWithPopup.ts

@@ -1,4 +1,3 @@
-import { useState, useMemo } from 'react';
 import {
   Auth,
   AuthError,
@@ -8,10 +7,11 @@ import {
   GithubAuthProvider,
   GoogleAuthProvider,
   OAuthProvider,
-  TwitterAuthProvider,
   signInWithPopup,
+  TwitterAuthProvider,
   UserCredential,
 } from 'firebase/auth';
+import { useMemo, useState } from 'react';
 import { SignInWithPopupHook } from './types';
 
 export const useSignInWithApple = (auth: Auth): SignInWithPopupHook => {
@@ -130,6 +130,7 @@ const useSignInWithPopup = (
     customOAuthParameters?: CustomParameters
   ) => {
     setLoading(true);
+    setError(undefined);
     try {
       const provider = createProvider(scopes, customOAuthParameters);
       const user = await signInWithPopup(auth, provider);

auth/useUpdateUser.ts

@@ -28,6 +28,7 @@ export const useUpdateEmail = (auth: Auth): UpdateEmailHook => {
 
   const updateEmail = async (email: string) => {
     setLoading(true);
+    setError(undefined);
     try {
       if (auth.currentUser) {
         await fbUpdateEmail(auth.currentUser, email);
@@ -51,6 +52,7 @@ export const useUpdatePassword = (auth: Auth): UpdatePasswordHook => {
 
   const updatePassword = async (password: string) => {
     setLoading(true);
+    setError(undefined);
     try {
       if (auth.currentUser) {
         await fbUpdatePassword(auth.currentUser, password);
@@ -74,6 +76,7 @@ export const useUpdateProfile = (auth: Auth): UpdateProfileHook => {
 
   const updateProfile = async (profile: Profile) => {
     setLoading(true);
+    setError(undefined);
     try {
       if (auth.currentUser) {
         await fbUpdateProfile(auth.currentUser, profile);

functions/useHttpsCallable.ts

@@ -23,6 +23,7 @@ export default <RequestData = unknown, ResponseData = unknown>(
   ): Promise<HttpsCallableResult<ResponseData> | undefined> => {
     const callable = httpsCallable<RequestData, ResponseData>(functions, name);
     setLoading(true);
+    setError(undefined);
     try {
       return await callable(data);
     } catch (err) {

storage/useUploadFile.ts

@@ -31,6 +31,7 @@ export default (): UploadFileHook => {
   ): Promise<UploadResult | undefined> => {
     return new Promise((resolve, reject) => {
       setUploading(true);
+      setError(undefined);
       const uploadTask = uploadBytesResumable(storageRef, data, metadata);
       uploadTask.on(
         'state_changed',