Loading...
;
}
return
Your Credits
Available: {credits.nonNegativeQuantity}
Balance: {credits.quantity}
);
}`,
highlightLanguage: 'typescript',
filename: 'app/credits/page.tsx'
},
{
language: 'JavaScript',
framework: 'React',
code: `import { useUser } from "@stackframe/react";
import { useEffect, useState } from "react";
export default function CreditsDisplay() {
const user = useUser({ or: 'redirect' });
const [credits, setCredits] = useState