Erreur "hook call" dans le développement d'une application en TypeScript

Bonjour, Je développe une application apple depuis un an maintenant, j’aimerais ajouter l’option de déconnexion pour mes utilisateurs qui ont créé un compte, mais je rencontre de nombreuses erreurs. Quelqu’un saurait-il comment y remédier? Je vous en remercie par avance. Terminal: Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

You might have mismatching versions of React and the renderer (such as React DOM)
You might be breaking the Rules of Hooks
You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem., js engine: hermes
Le fichier que j’ai modifié avant d’avoir cette erreur: import React, { useEffect, useState } from 'react’; import { Button, View, Alert } from 'react-native’; import as WebBrowser from 'expo-web-browser’; import as Google from 'expo-auth-session/providers/google’; import * as AppleAuthentication from 'expo-apple-authentication’; import { GoogleAuthProvider, OAuthProvider, signInWithCredential, signInAnonymously, reauthenticateWithCredential, deleteUser } from 'firebase/auth’; import { auth } from './Firebase’; import clientId from '../.env/GoogleAuth’; import { digestStringAsync, CryptoDigestAlgorithm } from 'expo-crypto’;

WebBrowser.maybeCompleteAuthSession();

const Applenonce = Math.random().toString(36).substring(2, 10);

export const appleConnection = (setDisabled: (disable: boolean) => void) => { const [appleCredential, setAppleCredential] = useState(null);

useEffect(() => {
if (appleCredential) {
const { identityToken, email, fullName } = appleCredential;

const provider = new OAuthProvider('apple.com');
const credential = provider.credential({
idToken: identityToken!,
rawNonce: Applenonce
});

signInWithCredential(auth, credential);
setDisabled(true);
} else {
setDisabled(false);
}
}, [appleCredential]);

const signInWithAppleAsync = async () => {
try {
const nonce = await digestStringAsync(
CryptoDigestAlgorithm.SHA256,
Applenonce
);
const appleCredential = await AppleAuthentication.signInAsync({
requestedScopes: [
AppleAuthentication.AppleAuthenticationScope.FULL_NAME,
AppleAuthentication.AppleAuthenticationScope.EMAIL,
],
nonce,
});

setAppleCredential(appleCredential);
} catch (e) {
if (e.code === 'ERR_REQUEST_CANCELED') {
setAppleCredential(null);
} else {
setAppleCredential(null);
}
}
};

return (signInWithAppleAsync);
}

export const googleConnection = (setDisabled: (disable: boolean) => void) => { const [request, response, promptAsync] = Google.useIdTokenAuthRequest({ …clientId }, { projectNameForProxy: "@popoters/slug" });

useEffect(() => {
if (response?.type === 'success') {
const { id_token } = response.params;
const credential = GoogleAuthProvider.credential(id_token);
signInWithCredential(auth, credential);
}
setDisabled(!request || response?.type === 'success');
}, [response, request]);

const signInWithGoogleAsync = async () => {
try {
const result = await promptAsync();
if (result.type === 'success') {
return result.params.id_token;
} else {
return { cancelled: true };
}
} catch (e) {
return { error: true };
}
};

return (signInWithGoogleAsync);
}

export const loginAnymously = (setDisabled: (disabled: boolean) => void) => { setDisabled(true); signInAnonymously(auth) .then(() => { }) .catch((error) => { alert(error.message); setDisabled(false); }); }

export const DeleteAppleAccountButton = (setDisabled) => { const [loading, setLoading] = useState(false);

const handleDeleteAccount = async () => {
setLoading(true);
try {
const nonce = await digestStringAsync(
CryptoDigestAlgorithm.SHA256,
Applenonce
);
const appleCredential = await AppleAuthentication.signInAsync({
requestedScopes: [
AppleAuthentication.AppleAuthenticationScope.FULL_NAME,
AppleAuthentication.AppleAuthenticationScope.EMAIL,
],
nonce,
});

const { identityToken } = appleCredential;
const provider = new OAuthProvider('apple.com');
const credential = provider.credential({
idToken: identityToken!,
rawNonce: Applenonce,
});

const user = auth.currentUser;
if (user) {
await reauthenticateWithCredential(user, credential);
await deleteUser(user);
Alert.alert("Compte supprimé avec succès.");
}
} catch (e) {
Alert.alert("Erreur lors de la suppression du compte", e.message);
} finally {
setLoading(false);
setDisabled(false);
}
};
}