Better AuthBA
Better Auth•15mo ago
Jackson Kasi

Issue with ReadableStream is locked or disturbed error and Google Sign-In using Better Auth

Hi everyone!

I'm using Better Auth (version 0.5.2-beta.16) for a project, and I've encountered a blocking issue during Google sign-in integration.

My setup:

  • Backend: Express with Drizzle ORM and Better Auth for authentication.
  • Frontend: React using createAuthClient from Better Auth.
  • Database: SQLite (with Drizzle ORM).
  • Google OAuth for authentication.
### Problem:
When trying to sign in with Google, the backend throws the following error:

TypeError: ReadableStream is locked or disturbed


Here’s the full log output:

error: Uncaught (in promise) TypeError: ReadableStream is locked or disturbed
    at extractBody (ext:deno_fetch/22_body.js:467:13)
    at new Request (ext:deno_fetch/23_request.js:429:19)
    at getRequest (file:///D:/WORK/TOOLS/OTHER/better-auth-example/server/node_modules/.pnpm/better-call@0.2.7/node_modules/better-call/dist/index.js:771:10)
    ...


This error happens when calling authClient.signIn.social({ provider: 'google', callbackURL: '/profile' }) on the frontend.

What I've tried:

  • Checked that the Google OAuth credentials are correct.
  • Ensured that the /api/auth/* routes are properly handled in the backend using toNodeHandler.
  • Implemented CORS for requests between localhost:3000 (frontend) and localhost:5000 (backend).
  • Verified that session middleware is correctly applied on the backend.
### Here's a brief overview of my code:

  • **Frontend (React)**:```javascriptconst authClient = createAuthClient({ baseURL: 'http://localhost:5000/api/auth'});const signInWithGoogle = async () => { await authClient.signIn.social({ provider: 'google', callbackURL: '/profile' });};```
  • **Backend (Express)**:```javascriptapp.all('/api/auth/*', (req, res, next) => { console.log('Request body:', req.body); next();}, toNodeHandler(auth));```
Was this page helpful?