How to use drizzle-zod types in the frontend

import { zodResolver } from "@hookform/resolvers/zod"
import { useForm } from "react-hook-form"
import { UserLoginRequestSchema } from "@repo/database"
type LoginFormData = z.infer<typeof UserLoginRequestSchema>

export function LoginPage() {

  const {
    register,
    handleSubmit,
    formState: { errors }
  } = useForm<LoginFormData>({
    resolver: zodResolver(UserLoginRequestSchema)
  })

import { createInsertSchema, createSelectSchema } from "drizzle-zod"
import { users } from "../schema"

export const UsersInsertSchema = createInsertSchema(users)
export type UsersInsert = z.infer<typeof UsersInsertSchema>
export const UserSignupRequestSchema = UsersInsertSchema.pick({ email: true, username_slug: true }).extend({
  email: z.email(),
  password: z.string().regex(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^a-zA-Z0-9]).{8,128}$/, "Password must be 8-128 characters and include uppercase, lowercase, number, and special character"),
  username_slug: UsersInsertSchema.shape.username_slug.refine((val) => /^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(val), { message: "username_slug must be a lowercase slug (letters, numbers, hyphens)" })
})

export const UserLoginRequestSchema = UserSignupRequestSchema.pick({ email: true, password: true })
export type UserLoginRequest = z.infer<typeof UserLoginRequestSchema>

$ bun run build

1 | import pg from "pg";
                   ^
error: Could not resolve: "pg". Maybe you need to "bun install"?
    at /home/dev/project/node_modules/.bun/[email protected]+48c49fff56ae09c3/node_modules/drizzle-orm/node-postgres/session.js:1:16