lexcodeit
CCConvex Community
•Created by lexcodeit on 1/14/2025 in #support-community
const { isAuthenticated } = useConvexAuth(); does not refresh in React Native
Hey @erquhart
I'm so sorry for my late response. My discord notifications haven't been working properly.
Yeah... I think I have fixed it. I made some mistakes and I tracked it kinda .
Now my apps are working well.
Thank you so much for your time
12 replies
CCConvex Community
•Created by ibrahimyaacob on 12/2/2024 in #support-community
adding react native (expo) to existing Next + Convex app (with Convex Auth)
Just a repo to host my expo app and next js project
14 replies
CCConvex Community
•Created by lexcodeit on 1/14/2025 in #support-community
const { isAuthenticated } = useConvexAuth(); does not refresh in React Native
Yeah,... It wasn't like that before. isAuthenticated always updates initially.
For my project structure...
My convex folder is located in the base directory of the project. With my auth config which is like this:
import { Password } from "@convex-dev/auth/providers/Password";
import { convexAuth } from "@convex-dev/auth/server";
import { ResendOTP } from "./otp/ResendOTP";
export const { auth, signIn, signOut, store, isAuthenticated } = convexAuth({
providers: [
ResendOTP,
Password,
Password({
verify: ResendOTP,
}),
],
});
Then for my files... Its something like this
- src
- auth
- index.tsx - This is where the whole registration and login logic lies
- dashboard
- index.tsx - Standard Protected view for only logged in users.
index.tsx
So... In my index, this is how I check for if the user is loggedIn or not:
const { isAuthenticated, isLoading } = useConvexAuth();
if(isLoading) {
return <Text>Loading View</View>
}
if (!isAuthenticated) {
return <Redirect href={"/auth"} />;
}
return <Redirect href={"/dashboard"} />;
The in my login logic in the auth/index.tsx
const { signIn } = useAuthActions();
const { isAuthenticated } = useConvexAuth();
// So I just skipped the sign in logic but basically, I just use this to check for the login successful and replace the stack
useEffect(() => {
if (isAuthenticated) {
router.replace("/");
}
}, [isAuthenticated]);
So this is like the rough sketch of my auth flow. I hope its easy for you to understand.
For versioning:
"@auth/core": "^0.37.4",
"@convex-dev/auth": "^0.0.80",
Thank you @erquhart12 replies
CCConvex Community
•Created by lexcodeit on 1/14/2025 in #support-community
const { isAuthenticated } = useConvexAuth(); does not refresh in React Native
Sorry for the late response.
So.. I lnow there are no middlewares in react native . But when I say middlewares, its just to guard my protected routes properly. I usually just use the isAuthenticated to determine which views are rendered from an index screen within a folder. For example, to determine if I want to render auth or client view, I have an index.tsx within the src directory and the check for isAuthenticated and route properly.
So I just believe there should be a better way to control this.
If there is none, I'm happy to stick with this because it works.
12 replies
CCConvex Community
•Created by ibrahimyaacob on 12/2/2024 in #support-community
adding react native (expo) to existing Next + Convex app (with Convex Auth)
Yeah, Turbo repo is good but since theres no help right now on how to execute it properly. I'd just do what I can till I get a good guide. It will definitely catch up at some point
14 replies
CCConvex Community
•Created by lexcodeit on 12/24/2024 in #support-community
Multiple Fields Names in Full Text Search
Thank you for your response.
Please can you give me a simple example to guide me better?
5 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #support-community
React Native Deployment
Yes I did. And it worked now. It tried everything on a different app and it worked very well. The issues were from a different component within my app.
11 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #general
Hi guys, I need help overriding the
Hi @erquhart
After much trials and errors, I think I finally found the issue with my app.
Its had nothing to do with convex, I got a different error. Its my svg components that keeps breaking the app. I finally ran my app with development build and discovered it. So I'm currently trying to work on it and fix it. Thank you so much for your help and guidiance. I will keep you posted.
25 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #general
Hi guys, I need help overriding the
The only reason I'm mentioning web is because I have built convex applications with web and they all worked well. This is like my first mobile project with convex and I'm trying to replicate same processes at least.
25 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #general
Hi guys, I need help overriding the
I'm actually previewing with my convex dev instance. I want to check it out first before I switch over to the production instance.
25 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #general
Hi guys, I need help overriding the
Its just an expo project
25 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #support-community
React Native Deployment
Actually, the latter. I just want to test out my convex functions before pushing to the stores
11 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #general
Hi guys, I need help overriding the
25 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #support-community
React Native Deployment
Yes it works very well on the expo go app. I face this issues when I try pushing to production or creating a preview build.
Try creating a preview build and thats where I'm having issues
11 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #general
Hi guys, I need help overriding the
Can you please give me a walkthrough? I really don't understand completely
25 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #general
Hi guys, I need help overriding the
I'm running manually. I just run eas build on terminal, download and upload to the stores
25 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #support-community
React Native Deployment
Yeah, I think I need to add npx convex deploy in the build step. But I don't know how.
On the eas docs, I just looked up custom build configuration.
Heres the link: https://docs.expo.dev/custom-builds/get-started/
It involves writing a .yml file and I really don't know how that works. Although I will start looking it up but your help will really go a long way to help me figure this out.
Thank you @sshader
11 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #support-community
React Native Deployment
I honestly don't know what the build command look like.
Now you mention it, I just remember that while deploying NextJS projects, You have to override the build command to run the npx convex deploy process and which I didn't.
But on NextJS, its easy because of the guide given by your team on the docs. But nothing has been said about expo.
Please it is high priority to have something like that for expo(EAS builds).
I'm really looking forward to that update.
11 replies
CCConvex Community
•Created by lexcodeit on 12/5/2024 in #support-community
React Native Deployment
Thank you so much for your response. I was scared I wouldn't get any.
So yeah, For the ConvexReactClient, this is how I initialize it
So, in my app/_layout.tsx file,
function RootLayoutNav() {
const convex = new ConvexReactClient(process.env.EXPO_PUBLIC_CONVEX_URL!, {
unsavedChangesWarning: false,
});
return (
<ConvexProvider client={convex}>
<Slot />
</ConvexProvider>
);
}
From the build error, its saying EXPO_PUBLIC_CONVEX_URL is probably undefined. From this line here "Exception com.facebook.react.common.JavascriptException: Error: No address provided to ConvexReactClient." Although I already added it to my env both on eas and the codebase.
Also when I monitor the logs, it shows the environment variables properly too.
11 replies