JJRedickOriginal post
React Developer
I am suddenly started getting this 400 error in my react native app using expo. It seems identify to the situation described here. Google Auth has been working for a very long time, until couple days ago I believe, and it looks to be related to the redirect uri.
Providing my login/auth related code here
(This is following this tutorial that appwrite suggested).
export async function login() {
try {
const redirectUri = Linking.createURL("/");
const response = await account.createOAuth2Token(
OAuthProvider.Google,
redirectUri
);
console.log("OAuth token response:", response);
if (!response) {
throw new Error("Failed to login");
}
const browserResult = await openAuthSessionAsync(
response.toString(),
redirectUri
);
console.log("Browser result:", browserResult);
if (browserResult.type != "success") {
throw new Error("Failed to login");
}
const url = new URL(browserResult.url);
console.log("Callback URL:", url.toString());
console.log("URL params:", Object.fromEntries(url.searchParams));
const secret = url.searchParams.get("secret")?.toString();
const userId = url.searchParams.get("userId")?.toString();
console.log("Secret:", secret);
console.log("User ID:", userId);
if (!secret || !userId) {
throw new Error("Failed to login");
}
const session = await account.createSession(userId, secret);
console.log("Session created:", session);
if (!session) {
throw new Error("Failed to create a session");
}
return true;
} catch (error) {
console.log("Detailed error:", error);
return false;
}
}
Summary
Developers encountered a 400 error in a React Native app using Expo related to redirect URI issues with Google Auth. The error may stem from a recent bug. A workaround is using backticks for code formatting. Check the GitHub comment link for more details and potential solutions.