const { getToken } = useAuth();
  const [ready, setReady] = useState(false);

  useEffect(() => {
    async function run() {
      const token = await getToken({ template: "convex" });
      sessionStorage.setItem("jwt", token!);
      setReady(true);
    }

    run();
  }, [getToken])

const { getToken } = useAuth();
  const [ready, setReady] = useState(false);

  useEffect(() => {
    async function run() {
      const token = await getToken({ template: "convex" });
      sessionStorage.setItem("jwt", token!);
      setReady(true);
    }

    run();
  }, [getToken])

import { createClient } from "@liveblocks/client";

const client = createClient({
  authEndpoint: async (room) => {
    const response = await fetch("/api/liveblocks-auth", {
      method: "POST",
      headers: {
        Authentication: "<your own headers here>",
        "Content-Type": "application/json",
      },
      body: JSON.stringify({ room }), // Don't forget to pass `room` down
    });
    return await response.json();
  },
});

import { createClient } from "@liveblocks/client";

const client = createClient({
  authEndpoint: async (room) => {
    const response = await fetch("/api/liveblocks-auth", {
      method: "POST",
      headers: {
        Authentication: "<your own headers here>",
        "Content-Type": "application/json",
      },
      body: JSON.stringify({ room }), // Don't forget to pass `room` down
    });
    return await response.json();
  },
});