Tweaks to #18

Author: chrisbianca

database/index.js.flow

@@ -1,5 +1,5 @@
 // @flow
-import type { FirebaseError } from 'firebase';
+import typeof { FirebaseError } from 'firebase';
 import type { DataSnapshot, Query } from 'firebase/database';
 
 export type ListHook = {

firestore/helpers/index.ts

@@ -1,4 +1,4 @@
-import { firestore } from 'firebase';
+import { firestore, FirebaseError } from 'firebase';
 
 export const snapshotToData = (
   snapshot: firestore.DocumentSnapshot,
@@ -10,3 +10,12 @@ export const snapshotToData = (
     ...(idField ? { [idField]: snapshot.id } : null),
   };
 };
+
+export const transformError = (error: Error): FirebaseError => {
+  return {
+    message: error.message,
+    stack: error.stack,
+    name: error.name,
+    code: '',
+  };
+};

firestore/index.js.flow

@@ -1,5 +1,5 @@
 // @flow
-import type { FirebaseError } from 'firebase';
+import typeof { FirebaseError } from 'firebase';
 import type {
   DocumentReference,
   DocumentSnapshot,

firestore/useCollection.ts

@@ -1,7 +1,7 @@
 import { firestore, FirebaseError } from 'firebase';
 import { useEffect } from 'react';
+import { transformError } from './helpers';
 import { useIsEqualRef, useLoadingValue } from '../util';
-import { transformError } from '../util/transformError';
 
 export type CollectionHook = {
   error?: FirebaseError;
@@ -25,8 +25,12 @@ export default (
         return;
       }
       const listener = options
-        ? ref.current.onSnapshot(options, setValue, (error: Error) => setError(transformError(error)))
-        : ref.current.onSnapshot(setValue, (error: Error) => setError(transformError(error)));
+        ? ref.current.onSnapshot(options, setValue, (error: Error) =>
+            setError(transformError(error))
+          )
+        : ref.current.onSnapshot(setValue, (error: Error) =>
+            setError(transformError(error))
+          );
 
       return () => {
         listener();

firestore/useDocument.ts

@@ -1,7 +1,7 @@
 import { firestore, FirebaseError } from 'firebase';
 import { useEffect } from 'react';
+import { transformError } from './helpers';
 import { useIsEqualRef, useLoadingValue } from '../util';
-import { transformError } from '../util/transformError';
 
 export type DocumentHook = {
   error?: FirebaseError;
@@ -25,8 +25,12 @@ export default (
         return;
       }
       const listener = options
-        ? ref.current.onSnapshot(options, setValue, (error: Error) => setError(transformError(error)))
-        : ref.current.onSnapshot(setValue, (error: Error) => setError(transformError(error)));
+        ? ref.current.onSnapshot(options, setValue, (error: Error) =>
+            setError(transformError(error))
+          )
+        : ref.current.onSnapshot(setValue, (error: Error) =>
+            setError(transformError(error))
+          );
 
       return () => {
         listener();

storage/index.js.flow

@@ -1,5 +1,5 @@
 // @flow
-import type { FirebaseError } from 'firebase';
+import typeof { FirebaseError } from 'firebase';
 import type { Reference } from 'firebase/storage';
 
 export type DownloadURLHook = {