PGLite Drizzle

React

Using PGLite-Drizzle with React

Initialize Client

drizzle-client.ts
import { createDrizzle } from "@makisuo/pglite-drizzle/react"
 
// Your drizzle schema
import { schema } from "./schema.ts"
 
export const { useDrizzleLive, useDrizzleLiveIncremental } = createDrizzle({ schema })

Usage

page.tsx
import { useDrizzleLive } from "./drizzle-client.ts"
 
const { data } = useDrizzleLive((db) =>
        db.query.accounts.findMany({
            with: {
                institution: true,
            },
        }),
)

On this page