7 replies

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

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

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)
    ...

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' })

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/*

/api/auth/*

routes are properly handled in the backend using

toNodeHandler

toNodeHandler

.
- Implemented CORS for requests between

localhost:3000

localhost:3000

(frontend) and

localhost:5000

localhost:5000

(backend).
- Verified that session middleware is correctly applied on the backend.

Here's a brief overview of my code:

- Frontend (React):

  const authClient = createAuthClient({
    baseURL: 'http://localhost:5000/api/auth'
  });

  const signInWithGoogle = async () => {
    await authClient.signIn.social({
      provider: 'google',
      callbackURL: '/profile'
    });
  };

  const authClient = createAuthClient({
    baseURL: 'http://localhost:5000/api/auth'
  });

  const signInWithGoogle = async () => {
    await authClient.signIn.social({
      provider: 'google',
      callbackURL: '/profile'
    });
  };

- Backend (Express):

  app.all('/api/auth/*', (req, res, next) => {
    console.log('Request body:', req.body);
    next();
  }, toNodeHandler(auth));

  app.all('/api/auth/*', (req, res, next) => {
    console.log('Request body:', req.body);
    next();
  }, toNodeHandler(auth));

Better Auth•16mo ago•

7 replies

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

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

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)
    ...

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' })

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/*

/api/auth/*

routes are properly handled in the backend using

toNodeHandler

toNodeHandler

.
- Implemented CORS for requests between

localhost:3000

localhost:3000

(frontend) and

localhost:5000

localhost:5000

(backend).
- Verified that session middleware is correctly applied on the backend.

Here's a brief overview of my code:

- Frontend (React):

  const authClient = createAuthClient({
    baseURL: 'http://localhost:5000/api/auth'
  });

  const signInWithGoogle = async () => {
    await authClient.signIn.social({
      provider: 'google',
      callbackURL: '/profile'
    });
  };

  const authClient = createAuthClient({
    baseURL: 'http://localhost:5000/api/auth'
  });

  const signInWithGoogle = async () => {
    await authClient.signIn.social({
      provider: 'google',
      callbackURL: '/profile'
    });
  };

- Backend (Express):

  app.all('/api/auth/*', (req, res, next) => {
    console.log('Request body:', req.body);
    next();
  }, toNodeHandler(auth));

  app.all('/api/auth/*', (req, res, next) => {
    console.log('Request body:', req.body);
    next();
  }, toNodeHandler(auth));

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

My setup:

Problem:

What I've tried:

Here's a brief overview of my code:

Similar Threads

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

My setup:

Problem:

What I've tried:

Here's a brief overview of my code:

Similar Threads

Similar Threads

Similar Threads