const [backupCodes, setBackupCodes] = useState<string[]>([]);

        function generateBackupCodesFn(options?: BackupCodeOptions) {
          return Array.from({ length: options?.amount ?? 10 })
              .fill(null)
              .map(() => generateRandomString(options?.length ?? 10, "a-z", "0-9", "A-Z"))
              .map((code) => `${code.slice(0, 5)}-${code.slice(5)}`);
        }
        setBackupCodes(generateBackupCodesFn());

                <div className="grid grid-cols-2 gap-2">
                {backupCodes.map((code, index) => (
                  <code key={index} className="text-sm font-mono">{code}</code>
                ))}
              </div>

        const [backupCodes, setBackupCodes] = useState<string[]>([]);

        function generateBackupCodesFn(options?: BackupCodeOptions) {
          return Array.from({ length: options?.amount ?? 10 })
              .fill(null)
              .map(() => generateRandomString(options?.length ?? 10, "a-z", "0-9", "A-Z"))
              .map((code) => `${code.slice(0, 5)}-${code.slice(5)}`);
        }
        setBackupCodes(generateBackupCodesFn());

                <div className="grid grid-cols-2 gap-2">
                {backupCodes.map((code, index) => (
                  <code key={index} className="text-sm font-mono">{code}</code>
                ))}
              </div>

            await authClient.twoFactor.verifyBackupCode({code: "N5stL-xDSAJ"}, {
                onSuccess(){
                    console.log("Success")
                    //redirect the user on success
                },
                onError(ctx){
                    alert(ctx.error.message)
                }
            })

            await authClient.twoFactor.verifyBackupCode({code: "N5stL-xDSAJ"}, {
                onSuccess(){
                    console.log("Success")
                    //redirect the user on success
                },
                onError(ctx){
                    alert(ctx.error.message)
                }
            })

# SERVER_ERROR:  Error: padded hex string expected, got unpadded hex of length 191
    at hexToBytes (../src/utils.ts:56:20)
 POST /api/auth/two-factor/verify-backup-code 500 in 237ms

# SERVER_ERROR:  Error: padded hex string expected, got unpadded hex of length 191
    at hexToBytes (../src/utils.ts:56:20)
 POST /api/auth/two-factor/verify-backup-code 500 in 237ms

undefined

undefined

customBackupCodesGenerate?: () => string[];

customBackupCodesGenerate?: () => string[];

            await authClient.twoFactor.verifyBackupCode({code: "j1rFA-Z3tNz"}, {
                onSuccess(){
                    console.log("Success")
                    //redirect the user on success
                },
                onError(ctx){
                    alert(ctx.error.message)
                }
            })

            await authClient.twoFactor.verifyBackupCode({code: "j1rFA-Z3tNz"}, {
                onSuccess(){
                    console.log("Success")
                    //redirect the user on success
                },
                onError(ctx){
                    alert(ctx.error.message)
                }
            })