Better Auth + Convex: isLoading never resolves and authenticated queries never run

"use client";
import {
  Authenticated,
  AuthLoading,
  Unauthenticated,
  useConvexAuth,
  useMutation,
  useQuery,
} from "convex/react";
import { useState } from "react";
import { api } from "../../convex/_generated/api";

import { authClient } from "@/lib/auth-client";


export default function Home() {
  const [inputValue, setInputValue] = useState("");
  const { isAuthenticated } = useConvexAuth();
  const tests = useQuery(api.test.getTest);
  const insertText = useMutation(api.test.addTest);
  const testAuth = useQuery(api.test.testAuth, isAuthenticated ? {} : "skip");
  const user2 = useQuery(
    api.auth.getCurrentUser,
    isAuthenticated ? {} : "skip"
  );
  console.log("testAuth:", testAuth);

  function handleInsert() {
    insertText({ test: inputValue })
      .then(() => {
        setInputValue("");
      })
      .catch((error) => {
        console.error("Error inserting text:", error);
      });
  }

  async function handleSingUp() {
    const { data, error } = await authClient.signUp.email({
      name: "John Doe", // required
      email: "john.doe@example.com", // required
      password: "password1234", // required
      image: "https://example.com/image.png",
    });
    console.log("Sign-up data:", data, "Error:", error);
  }

  

"use client";
import {
  Authenticated,
  AuthLoading,
  Unauthenticated,
  useConvexAuth,
  useMutation,
  useQuery,
} from "convex/react";
import { useState } from "react";
import { api } from "../../convex/_generated/api";

import { authClient } from "@/lib/auth-client";


export default function Home() {
  const [inputValue, setInputValue] = useState("");
  const { isAuthenticated } = useConvexAuth();
  const tests = useQuery(api.test.getTest);
  const insertText = useMutation(api.test.addTest);
  const testAuth = useQuery(api.test.testAuth, isAuthenticated ? {} : "skip");
  const user2 = useQuery(
    api.auth.getCurrentUser,
    isAuthenticated ? {} : "skip"
  );
  console.log("testAuth:", testAuth);

  function handleInsert() {
    insertText({ test: inputValue })
      .then(() => {
        setInputValue("");
      })
      .catch((error) => {
        console.error("Error inserting text:", error);
      });
  }

  async function handleSingUp() {
    const { data, error } = await authClient.signUp.email({
      name: "John Doe", // required
      email: "john.doe@example.com", // required
      password: "password1234", // required
      image: "https://example.com/image.png",
    });
    console.log("Sign-up data:", data, "Error:", error);
  }