Just started using TypeScript and in the process of migrating my React app to incorporate it.
Encountering some type issues with Firebase auth service that I can't seem to find a solution for. Any suggestions?
import React, { useEffect, useState } from 'react';
import app from './firebase';
export const AuthContext = React.createContext(null);
export const AuthProvider: React.FC<Props> = ({ children }) => {
const [currentUser, setCurrentUser] = useState(null);
const [pending, setPending] = useState(true);
useEffect(() => {
app.auth().onAuthStateChanged((user) => {
// issue here
setCurrentUser(user);
setPending(false);
});
}, []);
if(pending){
return <>Loading...</>;
}
return (
<AuthContext.Provider
// issue here
value={{ currentUser }}
>
{children}
</AuthContext.Provider>
);
};
interface Props {
children: React.ReactNode;
}
setCurrentUser(user); is throwing an error stating
Argument of type 'User | null' is not assignable to parameter of type 'SetStateAction<null>'.and
value={{ currentUser }} is showing an error as
Type '{ currentUser: null; }' is not assignable to type 'null'.