Duplicate billable queries after refresh
EDIT: Start reading from this message: Duplicate billable queries after refresh
TLDR: When using Convex + Clerk in a React app, all the Convex queries in a page are executed two times when user refreshes the page. For example, if a page has 3 distinct useQuery functions and user refreshes, logs show 6 executed queries instead of 3. Even for a medium size app this can result in hundreds of thousands of additional (unnecessary) billed function calls per month.
TLDR: When using Convex + Clerk in a React app, all the Convex queries in a page are executed two times when user refreshes the page. For example, if a page has 3 distinct useQuery functions and user refreshes, logs show 6 executed queries instead of 3. Even for a medium size app this can result in hundreds of thousands of additional (unnecessary) billed function calls per month.
