Testing out webstorm

Cleaned up imports on types.ts

src/auth/types.ts

@@ -1,8 +1,10 @@
+import {SyntheticEvent, ChangeEvent} from 'react'
+
 export type InputObject = {
 	value: string;
 	type: string; // todo set only to available input types
 	required: boolean;
-	onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+	onChange: (e: ChangeEvent<HTMLInputElement>) => void;
 };
 
 // Return structure for every useAuth hook type
@@ -15,15 +17,15 @@ export type AuthReturnType<DataType> = [
 
 // Types for objects to be spread in the jsx elements
 export type EmailPasswordEventType = {
-	onSubmit: (e: React.SyntheticEvent) => Promise<void>;
+	onSubmit: (e: SyntheticEvent) => Promise<void>;
 };
 
 export type SignoutEventType = {
-	onClick: (e: React.SyntheticEvent) => Promise<void>;
+	onClick: (e: SyntheticEvent) => Promise<void>;
 };
 
 export type EmailPasswordConfirmType = {
-	onSubmit: (e: React.SyntheticEvent) => Promise<void>;
+	onSubmit: (e: SyntheticEvent) => Promise<void>;
 };
 
 // DataType types for useAuth

src/auth/useR.ts

@@ -1,16 +1,16 @@
-import { useEffect, useState } from 'react';
-import { useFire } from '../context/FirebaseContext';
+import {useEffect, useState} from 'react';
+import {useFire} from '../context';
+
 export const useR = () => {
 	const [loading, setLoading] = useState<boolean>(false);
 	const [user, setUser] = useState<false | firebase.User>(false);
 	const { auth } = useFire();
 	useEffect(() => {
 		setLoading(true);
-		const unsubscribe = auth!.onAuthStateChanged(user => {
+		return auth!.onAuthStateChanged(user => {
 			user ? setUser(user) : setUser(false);
 			setLoading(false);
 		});
-		return unsubscribe;
 	}, []);
 	return { loading, user };
 };