I am encountering an issue with a component where I pass a useState setter to a utility function:
export interface IData {
editable: string[];
favourited: string[];
}
const [data, setData] = useState<IData | undefined>(undefined)
useEffect(() => {
if (status === "authenticated") {
fetchUserDoc(session?.user?.uid, setData);
}
}, [status]);
The utility function retrieves a document from Firestore and passes the data to the setter. If the document does not exist, it creates the document and then calls itself to repeat the process.
export interface IFetchDocProps {
uid: string;
setData: Dispatch<SetStateAction<DocumentData>>;
}
export default async function fetchUserDoc({
uid,
setData,
}: IFetchDocProps) {
const docRef = doc(db, "users", uid);
const docSnap = await getDoc(docRef);
if (docSnap.exists()) {
let data = docSnap.data();
setData(data);
} else {
await setDoc(doc(db, "users", uid), {
editable: [],
favourited: [],
});
fetchUserDoc(uid, setData);
}
}
Upon calling fetchUserDoc(uid, setData), the error
Expected 1 arguments, but got 2.ts(2554)Could you provide any guidance on this issue? It seems like there may be confusion related to the interfaces at play here.