Achilleas•2mo ago

auth process not defined?

Hey, i'm trying to implement convex auth, and i'm getting this error: process is not defined ReferenceError: process is not defined at materializeAndDefaultProviders (http://localhost:5173/node_modules/.vite/deps/@convex-dev_auth_server.js?v=524c2def:4929:18) at configDefaults (http://localhost:5173/node_modules/.vite/deps/@convex-dev_auth_server.js?v=524c2def:4903:18) at convexAuth (http://localhost:5173/node_modules/.vite/deps/@convex-dev_auth_server.js?v=524c2def:6908:18) at http://localhost:5173/convex/auth.ts?t=1740671486276:3:66

41 Replies

Convex Bot•2mo ago

Thanks for posting in <#1088161997662724167>. Reminder: If you have a Convex Pro account, use the Convex Dashboard to file support tickets. - Provide context: What are you trying to achieve, what is the end-user interaction, what are you seeing? (full error message, command output, etc.) - Use search.convex.dev to search Docs, Stack, and Discord all at once. - Additionally, you can post your questions in the Convex Community's <#1228095053885476985> channel to receive a response from AI. - Avoid tagging staff unless specifically instructed. Thank you!

AchilleasOP•2mo ago

Any ideas?

sshader•2mo ago

This looks like your frontend code is somehow loading your convex/auth.ts code (which is backend only code). Generally the only imports from your frontend code to your convex directory should be for _generated/api. Do you potentially have some other imports that might be resulting in convex/auth.ts getting loaded by your frontend?

AchilleasOP•2mo ago

ah makes sense. my bad. thanks! I'm also a bit confused with implementing google oauth i've set it up, and after being redirected to google's page and being redirected back to my website, i'm not authenticated i guess the access token is not saved?

sshader•2mo ago

Linking to a bunch of docs that may help: * https://labs.convex.dev/auth/config/oauth/google (hopefully this is what you followed) * https://labs.convex.dev/auth/debugging * https://docs.convex.dev/auth/debug Also if you have errors / logs / code to share that'll help us see what might be going wrong

Google - Convex Auth

Authentication library for your Convex backend

Debugging - Convex Auth

Authentication library for your Convex backend

Debugging Authentication | Convex Developer Hub

You have followed one of our authentication guides but something is not working.

AchilleasOP•2mo ago

thanks a lot! i'm getting somewhere now :) i can see this error in the logs:

'Uncaught Error: Failed to insert or update a document in table "users" because it does not match the schema: Object is missing the required field `fullName`. Consider wrapping the field validator in `v.optional(...)` if this is expected.

Object: {email: "redacted@gmail.com", emailVerificationTime: 1740676350257.0, name: "Achilleas"}
Validator: v.object({avatarUrl: v.optional(v.string()), email: v.string(), fullName: v.string(), rating: v.float64(), responseTime: v.optional(v.string())})
    at async defaultCreateOrUpdateUser (../../node_modules/@convex-dev/auth/src/server/implementation/users.ts:144:2)
    at async upsertUserAndAccount (../../node_modules/@convex-dev/auth/src/server/implementation/users.ts:40:8)
    at async userOAuthImpl (../../node_modules/@convex-dev/auth/src/server/implementation/mutations/userOAuth.ts:51:15)

    at async <anonymous> (../../node_modules/@convex-dev/auth/src/server/implementation/index.ts:343:26)
    at async invokeFunction (../../node_modules/convex/src/server/impl/registration_impl.ts:80:11)
    at async invokeHttpAction (../../node_modules/convex/src/server/impl/registration_impl.ts:442:0)
    at async <anonymous> (../../node_modules/convex/src/server/router.ts:322:16

'Uncaught Error: Failed to insert or update a document in table "users" because it does not match the schema: Object is missing the required field `fullName`. Consider wrapping the field validator in `v.optional(...)` if this is expected.

Object: {email: "redacted@gmail.com", emailVerificationTime: 1740676350257.0, name: "Achilleas"}
Validator: v.object({avatarUrl: v.optional(v.string()), email: v.string(), fullName: v.string(), rating: v.float64(), responseTime: v.optional(v.string())})
    at async defaultCreateOrUpdateUser (../../node_modules/@convex-dev/auth/src/server/implementation/users.ts:144:2)
    at async upsertUserAndAccount (../../node_modules/@convex-dev/auth/src/server/implementation/users.ts:40:8)
    at async userOAuthImpl (../../node_modules/@convex-dev/auth/src/server/implementation/mutations/userOAuth.ts:51:15)

    at async <anonymous> (../../node_modules/@convex-dev/auth/src/server/implementation/index.ts:343:26)
    at async invokeFunction (../../node_modules/convex/src/server/impl/registration_impl.ts:80:11)
    at async invokeHttpAction (../../node_modules/convex/src/server/impl/registration_impl.ts:442:0)
    at async <anonymous> (../../node_modules/convex/src/server/router.ts:322:16

I have to somehow map the google returned fields with my schema? I tried to fix it with:

export const { auth, signIn, signOut, store, isAuthenticated } = convexAuth({
  providers: [Google({
    profile(googleProfile) {
      return {
        id: googleProfile.id,
        fullName: googleProfile.name,
        email: googleProfile.email,
      };
    },
  })],
});

export const { auth, signIn, signOut, store, isAuthenticated } = convexAuth({
  providers: [Google({
    profile(googleProfile) {
      return {
        id: googleProfile.id,
        fullName: googleProfile.name,
        email: googleProfile.email,
      };
    },
  })],
});

AchilleasOP•2mo ago

but now I'm seeing this error

AchilleasOP•2mo ago

well I just fixed it by changing my own schema and now i get no errors in the dashboard logs but i still don't seem to be logged in

AchilleasOP•2mo ago

the frontend saves this token tho

sshader•2mo ago

"The profile method of the google confic must return a string ID" sounds like googleProfile.id is not actually a string (maybe it's undefined or null? console.log would tell you for sure). You also probably don't need to overrider profile here (I believe this is the default)

GitHub

convex-auth/src/server/provider_utils.ts at a4328945a08761f9da397b4...

Library for built-in auth. Contribute to get-convex/convex-auth development by creating an account on GitHub.

AchilleasOP•2mo ago

I've changed it to this:

AchilleasOP•2mo ago

And when I login i see this:

AchilleasOP•2mo ago

but i'm still not logged in, and i don't see the tokens anywhere stored in the frontend

sshader•2mo ago

So the next step of the oauth flow should be redirecting to your app (localhost:5173) with a code query param. And then your frontend should automatically be taking the code and sending that to your Convex server to finish the auth flow. You should be able to see whether this is happening by looking at the "Network" tab in your browser dev tools, and by adding verbose logs on the client (https://labs.convex.dev/auth/debugging#client)

Debugging - Convex Auth

Authentication library for your Convex backend

AchilleasOP•2mo ago

These are after I click on the "Sign in with Google" button and I'm redirected to the google page

AchilleasOP•2mo ago

And after I click on my account and get redirected to my localhost, it's these:

AchilleasOP•2mo ago

I guess you mean the 3rd request here?

sshader•2mo ago

Yep. 200 seems like a good sign. If the frontend handled the code properly, you should see some log lines in the Convex dashboard like

'`auth:store` type: verifyCodeAndSignIn'

'`auth:store` type: verifyCodeAndSignIn'

and there's probably a request called action lower down in the network tab (and if not, let's double check how the frontend is set up)

AchilleasOP•2mo ago

Yup, seems fine on the logs.

AchilleasOP•2mo ago

Though I can't find the action request only these which seem related: - ws://localhost:5173/?token=2RFkyywx7gQ8 - wss://outgoing-yyy.convex.cloud/api/1.19.2/sync Not sure if they are tho

sshader•2mo ago

Hmm it seems like maybe your frontend is not handling the code properly -- can you share how your frontend code is set up (specifically where the convex provider is set up)

AchilleasOP•2mo ago

Yup, this is my App.tsx

AchilleasOP•2mo ago

And my main.tsx, which wraps the app.tsx

AchilleasOP•2mo ago

Opps don't mind the double ConvexProvider

sshader•2mo ago

You don't need the outer ConvexProvider -- ConvexAuthProvider has one built in, but I wouldn't expect that to cause issues

AchilleasOP•2mo ago

Yeah I was just testing with it too because chatgpt said it might work 😅

sshader•2mo ago

Anything interesting showing up in browser logs (esp with verbose set)?

AchilleasOP•2mo ago

this maybe?

sshader•2mo ago

This is after going through the sign in flow?

AchilleasOP•2mo ago

yes, the requests before [vite] are in the login page of my app and the ones after [vite] are after being redirected back to my app when logging in

ballingt•2mo ago

@Achilleas agree with sshader that you want to see why loading your app with those query params isn't resulting in anything being saved to local storage. You might have other code that modifies search parameters? You might compare to a demo, like the "test" project in https://github.com/get-convex/convex-auth and look for how yours is different. Or you might try a new project with npm create convex@latest and compare to that.

AchilleasOP•2mo ago

I'll do that. By the way what applicationID should I put inside my auth.config.ts file?

Nicolas•2mo ago

You can simply use "convex" as suggested by https://labs.convex.dev/auth/setup/manual#configure-authconfigts

Manual Setup - Convex Auth

Authentication library for your Convex backend

AchilleasOP•2mo ago

Alright thanks. Would you say that my issue is 100% not a convex bug?

Nicolas•2mo ago

Which issue are you talking about? Are you still experiencing the “The profile method of the google config must return a string ID” error?

AchilleasOP•2mo ago

^^ If you have the time read the past few messages from here. Basically it’s as if the ConvexAuthProvider (or my app?) doesn’t understand the south redirect being made with the ?code=xxx parameters

Nicolas•2mo ago

If you're using Convex Auth (which is the case from what I understand) it looks weird that Google redirects to your localhost webpage. As indicated by https://labs.convex.dev/auth/config/oauth/google it should first redirect to https://your-convexsite-123.convex.site/api/auth/callback/google, which itself redirects to your public website URL

Google - Convex Auth

Authentication library for your Convex backend

Nicolas•2mo ago

Are you sure you set up the redirect URL correctly on Google's side?

AchilleasOP•2mo ago

I'm pretty sure they are setup correctly, here they are.

Nicolas•5w ago

That sounds weird. Could you please record a HAR file (https://support.google.com/admanager/answer/10358597?hl=en) of the login flow (including all redirects: https://stackoverflow.com/a/12282621) and send me the file in my direct messages?

Capture web session traffic - Google Ad Manager Help

Using Chrome DevToolsCapturing live ad requests and Ad Manager interactions using HTTP network sessions can be a powerful troubleshooting exercise. You can help expedite issue resolution time by provi

AchilleasOP•5w ago

Yup, I'm DMing you now

auth process not defined?

Did you find this page helpful?