Hello, I am using next 14 + React 18 + Drizzle + Postgres. When I run a drizzle query in a RSC, it causes the app to be stuck in a loading state, but the query completes and logs correctly on the server. It is almost like the RSC is never hitting a "loaded" state? Maybe it is waiting for the DB connection to close? I have no clue what is going on...

I am doing the thing where you create a global drizzle client, so it doesn't keep creating connections. Could this be the issue?

// db.ts
import { drizzle } from 'drizzle-orm/postgres-js'
import postgres from 'postgres'
import { parse, string } from 'valibot'
import * as schema from './schema'

export const db = getGlobal('db', () => {
  const url = parse(string(), process.env.DATABASE_URL)
  const connection = postgres(url, { ssl: 'require' })
  return drizzle(connection, { schema })
})

export function getGlobal<T>(key: string, callback: () => T): T {
  // eslint-disable-next-line no-undef
  const cache = globalThis as unknown as Record<string, T>
  if (process.env.NODE_ENV === 'production') return callback()
  return (cache[key] = cache[key] ?? callback())
}

// users.ts
'use server'

import { db } from './db'

export async function getUsers() {
   return await db.query.users.findMany()
}

// page.tsx
'use server'

import { getUsers } from './users'

export default async function Page() {
  const users = await getUsers()
  console.log(users) // this logs correctly
  // but this never returns
  return (
    <div>
      <div>Hello, world!</div>
    </div>
  )
}

Would really appreciate the help!

Thanks

Wilson