Kıte•14mo ago

WebSocket Port

I tried to connect Convex in expo with Clerk and expo-route, after I put auth.config.ts I got websocket error.

18 Replies

ian•14mo ago

Make sure the file is auth.config.js as in the docs (not .ts)

KıteOP•14mo ago

I tried

.js

.js

at first but I having these error.

KıteOP•14mo ago

import Constants from "expo-constants";
export default {
  providers: [
    {
      domain: Constants.expoConfig.extra.convexclienturl,
      applicationID: "convex",
    },
  ]
};

import Constants from "expo-constants";
export default {
  providers: [
    {
      domain: Constants.expoConfig.extra.convexclienturl,
      applicationID: "convex",
    },
  ]
};

This is my line of codes I fixed this, by removing the Constants import. but I'm still having the websocket issue.

jamwt•14mo ago

ios?

KıteOP•14mo ago

android

jamwt•14mo ago

ah. which browser? wait, sorry. expo gotcha yeah, possible this is a real issue. @sshader do you know if we've put much time into the android side of things? I know we've checked out expo on ios quite a bit. dunno if it's possible the websocket lib on expo android is unhappy with something we're doing

KıteOP•14mo ago

"dependencies": {
  "@clerk/clerk-expo": "^0.19.17",
  "convex": "^1.5.1",
  "expo-router": "^2.0.0",
}

"dependencies": {
  "@clerk/clerk-expo": "^0.19.17",
  "convex": "^1.5.1",
  "expo-router": "^2.0.0",
}

ballingt•14mo ago

@Kıte What's the error you're seeing now, is it still "No auth provider found matching the given token?" Constants.expoConfig.extra.convexclienturl doesn't sound like the right value here, what do you have for this value now? it ought to be something like "https://big-caiman-52.clerk.accounts.dev/"

KıteOP•14mo ago

I done that already, still getting the error.

ballingt•14mo ago

What's the error you're getting now?

KıteOP•14mo ago

still getting this.

KıteOP•14mo ago

I'm using react-clerk as a provider

ballingt•14mo ago

@Kıte sorry for the delay here, could you chevk how you configured this application in Clerk to see if it's using the Convex JWT template?

KıteOP•14mo ago

Its seems the websocket is gone, after deleting convex jwt and creating a new one, But still can't log in, I'll try to figuring it out first.

ballingt•14mo ago

This sounds frustrating. Do you know if using Convex without auth works? You might try deleting auth.config.js and removing the Clerk provider and ConvexClerkProvider and get things working without auth (just ConvexProvider) because if it really is a websocket issue auth shouldn't be involved. If using Convex normally without auth works, then we know it's an auth issue and you could retrace the auth setup steps.

KıteOP•14mo ago

I can login using clerk only I mean I can login with Plain Convex provider.

{"status":400,"clerkError":true,"errors":[{"code":"session_exists","message":"Session already exists","longMessage":"You're currently in single session mode. You can only be signed into one account at a time.","meta":{}}]}

{"status":400,"clerkError":true,"errors":[{"code":"session_exists","message":"Session already exists","longMessage":"You're currently in single session mode. You can only be signed into one account at a time.","meta":{}}]}

Seems like I already logged in but the isAuthenticated is still in false state.

const InitialLayout = () => {
  const { isLoading, isAuthenticated } = useConvexAuth()
  /// const {isLoaded, isSignedIn} = useAuth()
  const segment = useSegments()
  const router = useRouter()
  useEffect(() => {
    if (!isLoading) return
    const isTabGroup = segment[0] === '(main)'
    if (isAuthenticated && !isTabGroup) {
      router.replace("/home")
    } else if (!isAuthenticated) {
      router.replace("/signin")
    }

    console.log('isSignedIn:', isAuthenticated)
  }, [isAuthenticated])

  return <Slot />
}

const InitialLayout = () => {
  const { isLoading, isAuthenticated } = useConvexAuth()
  /// const {isLoaded, isSignedIn} = useAuth()
  const segment = useSegments()
  const router = useRouter()
  useEffect(() => {
    if (!isLoading) return
    const isTabGroup = segment[0] === '(main)'
    if (isAuthenticated && !isTabGroup) {
      router.replace("/home")
    } else if (!isAuthenticated) {
      router.replace("/signin")
    }

    console.log('isSignedIn:', isAuthenticated)
  }, [isAuthenticated])

  return <Slot />
}

Etienne TONNELIER•13mo ago

You probably have this bug : https://github.com/a16z-infra/ai-town/issues/111#issuecomment-1852144767

GitHub

Failed to authenticate: "NoAuthProvider: No auth provider found mat...

I dont know how to fix it please help

ian•13mo ago

during development I've run into an issue that was only resolved by clearing cookies & local storage then logging in again. some internal clerk inconsistency I think

WebSocket Port

Did you find this page helpful?