[Q] How to use the types in Next 13 Client components

[atanaskanchev]

Trying to import types from the schema into Next 13 client component throws errors from the postgres dependency.

How can I reuse the types infered as

export type Contact = InferModel<typeof contact>

caught Error: Module not found: Can't resolve 'net'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
../../node_modules/postgres/src/index.js
../../packages/services/drizzle-orm/lib/client.ts
../../packages/services/drizzle-orm/lib/index.ts
../../packages/ui/web/feature/contacts/lib/CreateContactModal/organism/CreateContactForm.tsx
../../packages/ui/web/feature/contacts/lib/CreateContactModal/CreateContactModal.tsx
    at <unknown> (nextjs.org/docs/messages/module-not-found)
    at getNotFoundError (/Users/atanas/Documents/GitHub/landlord-fusion-t3/node_modules/next/dist/build/webpack/plugins/wellknown-errors-plugin/parseNotFoundError.js:128:16)
    at async getModuleBuildError (/Users/atanas/Documents/GitHub/landlord-fusion-t3/node_modules/next/dist/build/webpack/plugins/wellknown-errors-plugin/webpackModuleError.js:102:27)
    at async (/Users/atanas/Documents/GitHub/landlord-fusion-t3/node_modules/next/dist/build/webpack/plugins/wellknown-errors-plugin/index.js:21:49)
    at async (/Users/atanas/Documents/GitHub/landlord-fusion-t3/node_modules/next/dist/build/webpack/plugins/wellknown-errors-plugin/index.js:19:21)
g

[atanaskanchev]

OK, so client components can't have a dependency to the drizzle client. Solved this by splitting the schema and the client in separate packages in my monorepo

[jamezening]

I ran into a similar issues and refactored drizzle schema related files into a separate project in my monorepo.

Hopefully there are no unexpected issues in the future.
Drizzle-kit seems to be working well under this structure as well.