Zachoo Posts - Convex Community

Zachoo

•Created by Zachoo on 3/1/2025 in #support-community

Auth token is not a valid JWT with ConvexProviderWithClerk (EXPO)

Issue I'm using Clerk with Convex in an Expo Router app, and everything loads fine, logs me in, and works as expected. However, I get the following error when using ConvexProviderWithClerk:

ERROR  Auth token is not a valid JWT, cannot refetch the token

ERROR  Auth token is not a valid JWT, cannot refetch the token

If I remove Convex and just use Clerk, the error disappears, and functionality remains the same. Code Setup ❌ Code that Causes the Error (Clerk + Convex)

import { ClerkProvider, ClerkLoaded, useAuth } from "@clerk/clerk-expo";
import { Slot } from "expo-router";
import { tokenCache } from "./cache";
import "../global.css";
import { BottomSheetModalProvider } from "@gorhom/bottom-sheet";
import { GestureHandlerRootView } from "react-native-gesture-handler";
import { ConvexProvider, ConvexReactClient } from "convex/react";
import { ConvexQueryCacheProvider } from "convex-helpers/react/cache";
import { ConvexProviderWithClerk } from "convex/react-clerk";

// Initialize Convex client
const convex = new ConvexReactClient(process.env.EXPO_PUBLIC_CONVEX_URL!);

export default function RootLayout() {
  const publishableKey = process.env.EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY!;

  return (
    <ClerkProvider tokenCache={tokenCache} publishableKey={publishableKey}>
      <ClerkLoaded>
        <ConvexProviderWithClerk useAuth={useAuth} client={convex}>
          <ConvexQueryCacheProvider>
            <GestureHandlerRootView style={{ flex: 1 }}>
              <BottomSheetModalProvider>
                <Slot screenOptions={{ headerShown: false }} />
              </BottomSheetModalProvider>
            </GestureHandlerRootView>
          </ConvexQueryCacheProvider>
        </ConvexProviderWithClerk>
      </ClerkLoaded>
    </ClerkProvider>
  );
}

import { ClerkProvider, ClerkLoaded, useAuth } from "@clerk/clerk-expo";
import { Slot } from "expo-router";
import { tokenCache } from "./cache";
import "../global.css";
import { BottomSheetModalProvider } from "@gorhom/bottom-sheet";
import { GestureHandlerRootView } from "react-native-gesture-handler";
import { ConvexProvider, ConvexReactClient } from "convex/react";
import { ConvexQueryCacheProvider } from "convex-helpers/react/cache";
import { ConvexProviderWithClerk } from "convex/react-clerk";

// Initialize Convex client
const convex = new ConvexReactClient(process.env.EXPO_PUBLIC_CONVEX_URL!);

export default function RootLayout() {
  const publishableKey = process.env.EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY!;

  return (
    <ClerkProvider tokenCache={tokenCache} publishableKey={publishableKey}>
      <ClerkLoaded>
        <ConvexProviderWithClerk useAuth={useAuth} client={convex}>
          <ConvexQueryCacheProvider>
            <GestureHandlerRootView style={{ flex: 1 }}>
              <BottomSheetModalProvider>
                <Slot screenOptions={{ headerShown: false }} />
              </BottomSheetModalProvider>
            </GestureHandlerRootView>
          </ConvexQueryCacheProvider>
        </ConvexProviderWithClerk>
      </ClerkLoaded>
    </ClerkProvider>
  );
}

93 replies

CCConvex Community

•Created by Zachoo on 1/31/2025 in #support-community

Error after updateing auth running npx convex dev

get this error trying to deploy dev changes

✘ [ERROR] No matching export in "../../node_modules/@auth/core/index.js" for import "customFetch"

    node_modules/@convex-dev/auth/dist/server/oauth/lib/utils/customFetch.js:3:9:
      3 │ import { customFetch } from "@auth/core";
        ╵          ~~~~~~~~~~~

✘ [ERROR] No matching export in "../../node_modules/@auth/core/index.js" for import "customFetch"

    node_modules/@convex-dev/auth/dist/server/oauth/lib/utils/customFetch.js:5:9:
      5 │ export { customFetch } from "@auth/core";

✘ [ERROR] No matching export in "../../node_modules/@auth/core/index.js" for import "customFetch"

    node_modules/@convex-dev/auth/dist/server/oauth/lib/utils/customFetch.js:3:9:
      3 │ import { customFetch } from "@auth/core";
        ╵          ~~~~~~~~~~~

✘ [ERROR] No matching export in "../../node_modules/@auth/core/index.js" for import "customFetch"

    node_modules/@convex-dev/auth/dist/server/oauth/lib/utils/customFetch.js:5:9:
      5 │ export { customFetch } from "@auth/core";

4 replies

CCConvex Community

•Created by Zachoo on 1/30/2025 in #support-community

Keeping the user logged in forever.

I am developing a mobile application using Convex for authentication management. The app is built using two approaches: a Capacitor Next.js app and a React Native app (for testing both frameworks). How can I maintain the user authentication session across both platforms so that users only need to log in once? Could you provide guidance on implementing a persistent auth session in this setup?

28 replies

CCConvex Community

•Created by Zachoo on 1/27/2025 in #support-community

Optimise Fetching data

Hi there! I have an admin dashboard that displays information about users and their apartments. The app includes two lists: one on the /users page that fetches user data and another on the /apartments page that retrieves apartment data, both using the useQuery hook from Convex. However, the app feels slow when switching between these pages. Even though I hit the Convex cache, it still fetches data every time and shows a loading state, which interrupts the experience. Is there a better way to structure this so that moving between pages instantly displays cached data and only updates if the data changes—essentially making it feel like I never left the page?

10 replies

CCConvex Community

•Created by Zachoo on 1/7/2025 in #support-community

Convex Stuck Running 'npx convex dev'

When attempting to deploy to dev i encouter a timeout have tested connection and this is fine. See logs below, I get stuck at the deployment step: ``` ✔ Schema validation complete. Downloading current deployment state... Diffing local code and deployment state Analyzing and deploying source code...

11 replies

CCConvex Community

•Created by Zachoo on 12/19/2024 in #support-community

Programmatically force convex to reload and re authenticate ?

Is there a way to force the Convex auth provider to refresh? I’m almost done building a full-stack monorepo using Next.js and Capacitor, leveraging the full capabilities of Convex, including authentication. Everything works fine until the iOS WebView gets killed in the background to save memory. As a result, when the user returns to the app after a period of inactivity, they end up in a stale state and are stuck on a loading screen. The only way to resolve this is by clearing the app from the background and reopening it, at which point it re authenticates correctly. Next Js

7 replies

CCConvex Community

•Created by Zachoo on 10/18/2024 in #support-community

Setting Up Convex Auth In Mono Repo

Hi everyone, I’m struggling to implement a basic email/password signup flow with email verification and password reset functionality using Convex Auth in my monorepo. The documentation has been quite unclear, especially regarding the concepts of flows and providers, making it difficult to follow. Could anyone guide me on how to create a straightforward account creation and signup process? Any tips or examples would be greatly appreciated! Thanks!

10 replies

CCConvex Community

•Created by Zachoo on 10/7/2024 in #support-community

Send FCM notifications from convex backend

has anyone cracked sending FCM notification from convex nackend if i try use any admin sdk from google i get errors like the following. " The package "crypto" wasn't found on the file system but is built into node. Are you trying to bundle for node? You can use "platform: 'node'" to do that, which will remove this error. ✘ [ERROR] Could not resolve "util" ../../node_modules/.pnpm/jws@3.2.2/node_modules/jws/lib/data-stream.js:4:19: 4 │ var util = require('util'); ╵ ~~ The package "util" wasn't found on the file system but is built into node. Are you trying to bundle for node? You can use "platform: 'node'" to do that, which will remove this error. ✘ [ERROR] Could not resolve "util" ../../node_modules/.pnpm/jwa@1.4.1/node_modules/jwa/index.js:5:19: 5 │ var util = require('util'); ╵ ~~ The package "util" wasn't found on the file system but is built into node. Are you trying to bundle for node? You can use "platform: 'node'" to do that, which will remove this error. ✘ [ERROR] Could not resolve "buffer" ../../node_modules/.pnpm/buffer-equal-constant-time@1.0.1/node_modules/buffer-equal-constant-time/index.js:3:21: 3 │ var Buffer = require('buffer').Buffer; // browserify ╵ ~~~~ The package "buffer" wasn't found on the file system but is built into node. Are you trying to bundle for node? You can use "platform: 'node'" to do that, which will remove this error. " can anyone point me in right direction to make work I have service account json as an env in convex

4 replies

CCConvex Community

•Created by Zachoo on 9/3/2024 in #support-community

Onboarding Flow Clerk x Convex Multitenant

Hi everyone, I’m working on a multi-tenant app using Convex and Clerk. Currently, I have an onboarding flow that creates an organization in Clerk (which works fine). Once the organization is created, I then create a site entry in my database. For this process, I use the following code to get the current orgId:

const identity = await ctx.auth.getUserIdentity();
if (!identity) {
  throw new Error("Not authenticated");
}
const organizationId = identity.orgId;
if (!organizationId) {
  throw new Error("No organization ID found");
}

const identity = await ctx.auth.getUserIdentity();
if (!identity) {
  throw new Error("Not authenticated");
}
const organizationId = identity.orgId;
if (!organizationId) {
  throw new Error("No organization ID found");
}

The goal is to retrieve the orgId on the server so I can attach it to the data being indexed, which is part of the multi-tenant architecture. The Issue: Currently, when I go through the onboarding process, the organization is created successfully. However, when I attempt to add the site, I encounter the following error:

 site:createOrUpdateSite
failure
70ms
Uncaught Error: No organization ID found
    at handler (../convex/site.tsx:28:4)

 site:createOrUpdateSite
failure
70ms
Uncaught Error: No organization ID found
    at handler (../convex/site.tsx:28:4)

If I refresh and remove the onboarded flag, and then repeat the process, the site is created successfully but it uses the orgId of a different organization (the default one selected). Can anyone help with this issue? It seems like the orgId isn’t being retrieved correctly during the site creation process. Thanks!

4 replies